jQuery:当我有多个元素具有相同的名称但唯一的id时，我可以按名称选择一个元素并读取它的id吗？
在jQuery中，可以使用属性选择器来选择具有相同名称但唯一id的元素，并读取它的id。属性选择器使用方括号来指定属性和属性值，语法为[attribute=value]。
假设有多个元素具有相同的名称为name，你可以使用以下代码选择其中一个元素并读取它的id：
var id = $('[name="name"]').attr('id');上述代码中，$('[name="name"]')选择具有name属性值为name的元素，.attr('id')用于获取该元素的id属性值。
需要注意的是，如果有多个元素具有相同的名称和相同的id，上述代码将只返回第一个匹配的元素的id。如果需要获取所有匹配元素的id，可以使用.each()方法遍历匹配的元素。
关于jQuery的更多信息和用法，你可以参考腾讯云的jQuery产品介绍页面：jQuery产品介绍。
相关·内容
我正在用jQuery创建一个进度条，但问题是我正在用组件的id连接JQuery，但是一旦我用相同的id创建了新的组件，work.What不是解决这个问题的方法吗？我正在附加我的HTML代码& CSS。所有其他文件都是常见的jQUERY库。
<body>
<script >
$(function(){
$("#status").animate( { width: "80%" }, 2000);
});
</script>
<div id="progress-bar">
&l
浏览 6提问于2011-06-06得票数 0
回答已采纳
<input type ="button" name="buttonsel" id="buttonse1"/>
$("#buttonse1") VS $("[name=buttonse1]")
在jquery中使用name和id有什么好处？
浏览 0提问于2012-11-02得票数 16
回答已采纳
我有这个html：
<input type="text" class="SePresu" name="Hola">
当我在jquery中按类类型和名称选择它时。
问候
浏览 3提问于2013-08-26得票数 0
回答已采纳
我有这个代码的网页：-
<article class="media content-section">
<div class="media-body">
<h2><a id="post_title" class="article-title" href="/post/new/">new</a></h2>
<div class="article-metadata">
浏览 6提问于2020-09-19得票数 0
有一个jQuery测验张贴在W3Schools网站这里..。
问题19如下，
查看以下jQuery选择器：$("div#intro .head")。
它会选择什么？
A.带有id="head“的第一个元素在任何带有class="intro”的div元素中
B.第一个div元素中带有class="head“的所有元素都带有id="intro”
C.带有id="intro“或class="head”的所有div元素
我通过选择答案B得到了正确的答案。
我的问题与回答B的措辞有关。
“第一”这个词不应该从答案中删除吗？
B.
浏览 4提问于2011-04-19得票数 8
回答已采纳
2回答
有没有办法在jQuery中通过多个按钮使用模式表单？
实际上，所有按钮都有相同的名称和ID。我只是希望每次我单击任何按钮时，都会弹出模式表单。
让我们使用下面jQuery中的例子:有3个按钮。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Dialog - Modal form</title>
<link rel="styleshee
浏览 3提问于2013-05-09得票数 0
回答已采纳
我的输入框使用占位符文本和jquery来确保在我添加文本(即不是占位符文本)之前不会触发。我想用文本区域替换输入框，但无法使jquery工作。使用下面的文本区，无论我是否在文本区输入，submit按钮都会触发。
<div class="RepForm-loggedin" >
<form name="RepForm" method="POST" action="<?php echo $this->newReply;?>">
<table name="RepFormT
浏览 0提问于2017-02-04得票数 0
联署材料：
var player = {
su11: 100,
su22: 1000,
}
function gLoop() {
$(".upgrade").each(function() {
var test = player.obj[$(this).attr("id")];
if(player.total >= test)
{
$(this).prop("disabled", false);
}
});
}
setI
浏览 0提问于2018-09-21得票数 0
回答已采纳
4回答
大型网页中的名称或id
、、、
今天，我们可以编写包含许多用户控件、jquery插件和大量html元素的巨大网页。
有时有一个jquery插件可以创建一个div并为其分配Id。当使用这类插件超过一次时-这是两个元素具有相同id的情况。
使用"name“比使用"id”更好吗？
浏览 2提问于2011-10-04得票数 1
回答已采纳
4回答
当我尝试在jfiddle中使用下面的代码时，我注释掉了jinja，按钮按预期隐藏，但在浏览器中，输入按钮不会隐藏
{% extends "layout.html" %}
{% block body %}
<div>
{% if session.logged_in %}
<form action="{{ url_for('add_entry') }}" method=post class=add-entry>
<dl>
<dt>Stock Ticker:
浏览 0提问于2013-11-30得票数 0
我正在尝试选择jQuery中具有相同ID的所有<div>。我该怎么做呢？
我试过了，但不起作用。
jQuery('#xx').each(function(ind,obj){
//do stuff;
});
浏览 2提问于2009-05-24得票数 78
回答已采纳
也许这是一个过于简单的问题，但是jQuery 1.7+和1.8+中的.on()事件绑定有什么不同呢？我的问题如下：
我使用ASPMVC3和jQuery Mobile1.2 RC1动态创建列表，并将单击事件绑定到li-element。如果我使用jQuery，单击一切正常，但是当我使用1.8+时，点击事件只在第一个li- 1.7+上触发。我已经检查了jQuery的文档，但实际上应该没有区别，或者？
<ul data-role="listview" id="immo_list" data-inset="true"
data-theme="
浏览 0提问于2012-09-17得票数 0
回答已采纳
6回答
我想切换一组每个都有相同id的div。我目前的jquery代码只切换一个div。(我尝试过混合使用.next和.parent.next，但还没有找到任何东西)
$('#body'+id).toggle('400');
所以:将会有多个带有'#body2010‘id的div。我想要切换所有这些。
浏览 1提问于2010-01-07得票数 1
回答已采纳
1回答
我有两个问题，几个小时以来，我一直在尝试解决它们，但都没有成功。首先，对于我正在创建的游戏，当我将鼠标移到玩家名字的"div“上时，我必须使其显示"div”的日期。对我来说，指定这些“localStorage”是在inner.HTML中创建的，然后将它们存储在div中，这可能会很有用。其次，我想用“排序”的方法对球员按分数排序(排在第一位的最好)。但是我的方法不起作用。谢谢你的帮助。
function displayDate(){
if(dom.theDate.style.display == "none"){
dom.theDate.style
浏览 1提问于2019-12-08得票数 1
我有一个表单，用户可以用jQuery添加输入字段。
<input type="text" id="task" name="task[]" />
提交表单后，我得到一个PHP格式的数组。
我想用$.ajax()来处理这个问题，但是我不知道如何将我的<input>转换成jQuery中的数组。
提前谢谢。
浏览 1提问于2010-04-13得票数 65
回答已采纳
4回答
我有一个这样的HTML脚本：
<form id="no1">
<input id="title" type="text" />
<input type="submit" />
</div>
<form id="no2">
<input id="title" type="text" />
<input type="submit" />
浏览 0提问于2011-12-17得票数 1
回答已采纳
在JavaScript/jquery中按id查找和按类查找有效率差异吗？
一个比另一个好吗？如果是这样，是不是因为ID或Class的索引是在DOM中的某个地方创建的？
它最终会变得无关紧要吗？
浏览 0提问于2011-09-09得票数 2
回答已采纳
我有3个相同ID的按钮。我需要得到每个按钮的值，当它被点击时。
<button id="xyz" type="button" class="btn btn-primary" value="1">XYZ1</button>
<button id="xyz" type="button" class="btn btn-primary" value="2">XYZ2</button>
<button id="xyz
浏览 0提问于2012-06-20得票数 19
回答已采纳
我相信这会很简单，我希望是这样。在绞尽脑汁几天后，我终于解决了我的最后一个问题，谢谢你在这里找个人，但现在我有了一个新的问题。我动态地创建了数以百计的博客。我使用JQuery将编辑器加载到一个简单的模态窗口中，如下所示
<a class="blog_btns" id="edit" data-id="$b_blog_id" href="">Edit</a>
然后是JQuery
jQuery(function($) {
var contact = {
message: null,
浏览 1提问于2014-01-01得票数 0
回答已采纳
您好，您能帮助我使用这个基于JQUERY的代码吗？
<script>
$(function() {
$("#chatIM").each(function() {
$(this).click(function() {
$.post("chatController.php", { action:"getChat",
user:"<?php echo $loggedInUser->display
浏览 2提问于2011-09-12得票数 3
回答已采纳
我是jQuery的新手。我有以下代码：
jQuery(document).ready(function() {
jQuery('#carousel').jcarousel();
});
它只适用于带有id="carousel"的第一个ul，而不适用于其他的。如何将其应用于具有相同ID的所有元素？
HTML：
<!-- jQuery applies to this div -->
<div id="slideshow-carousel">
<ul id="carousel" class=
浏览 0提问于2013-01-11得票数 2
回答已采纳
如何在HTML(a)中添加(URL)
var gm = document.body.innerHTML.match(/id=\d+.+على.+id=\d+/g);
for(var i=0;i<10;++i)
window.open('/game.php?village=' + gm[i].match(/id=(\d+)/g)[0].replace("id=",'') + '&screen=place&target=' + gm[i].match(/id=(\d+)/g)[1].replace("
浏览 3提问于2014-09-06得票数 0
回答已采纳
我有一个‘建筑’功能，我一直在努力，我遇到了一个问题。当您按下某个按钮时，会向用户显示计时器。这真的很好用。但是，当按下同一类别的另一个按钮时，定时器只会出现在第一个上。
所有这些建筑物都被从数据库中循环起来了。在这个循环中是Javascript函数，它显示计时器。(使用Jquery倒计时)。
有没有人可以教我如何使这个倒计时循环，以及正确？
这是PHP循环中的计时器部分：
<button class="btn btn-disabled" type="button">Workers are currently working on this prop
浏览 0提问于2016-06-20得票数 0
回答已采纳
<!DOCTYPE HTML>
<script src='http://code.jquery.com/jquery-latest.min.js'></script>
<body>
<div id='mydiv'>Hello, buddy.</div>
<div id='mydiv'>Hello, friend.</div>
</body>
在JQuery中，如果我选择$('#mydiv')，它将只选择第一个div，
浏览 0提问于2013-01-19得票数 2
回答已采纳
11回答
当ID包含空格时，有人知道如何使用jQuery按ID选择DOM中的项吗？
例如，我的项目的ID为
<div id="content Module">Stuff</div>
如何使用jQuery选择此选项？
如果我只是这样做
$("#content Module").whatever()
jQuery将尝试查找同时具有内容ID和模块ID的项，但这不是我要查找的项。
我应该补充的是，我使用的是一个旧的代码库，其中这两个单词I被广泛使用，所以通过并更改所有的I将是不好的。
浏览 20提问于2009-02-27得票数 140
回答已采纳
每当我复制一个包含文本框的表行时，我都想用单价乘以数量。但这对我来说并不管用。我只能计算表格中的第一行。有什么需要帮忙的吗？
下面是我的代码。
var int = 1;
function myFunction() {
var tr = '<tr>'+
'<td class="table_field main_data"><input type="number" name="items['+ (int) +'][inv_quantity]" class="f
浏览 0提问于2020-09-01得票数 1
我使用的是带有selenium 3.14.1的Python版本3.8.2。
我对Python和Selenium都是新手。我正在使用Pycharm编写我的自动化脚本。
当我尝试使用driver.find_elements_by_xpath().click()命令时，下拉列表中没有显示单击()选项。
如果我使用driver.find_element_by_name or driver.find_element_by_id命令，也可以使用相同的click()选项。
按名称查找元素
按id查找元素
我们如何解决这个问题？
浏览 4提问于2020-04-26得票数 0
jQuery中的class和id有什么区别？例如：
<span class="lalal"></span>
和
<span id="lalal"></span>
因为一个与jQuery配合得很好，而另一个则不是很好。谢谢。
浏览 2提问于2010-01-09得票数 4
回答已采纳
我有一个表单模板，我需要动态复制与弹出窗口的新实例相关联。为此，我使用了jQuery的clone()方法。每当我尝试创建模板的新实例时，以前创建的表单的选项都会被删除。
示例代码: HTML：
<div id="template" class="modifyDiv">
<div class="options">
<label><input type="radio" class="foo" checked="checked" value
浏览 0提问于2011-10-19得票数 0
回答已采纳
我很难弄清楚为什么在计算页面中具有相同id的元素时，.length似乎总是返回1。我知道在html文档中应该只有具有唯一html id的元素，但是在我正在处理的项目中，用户可能会无意中添加重复的元素。
那么，在计算元素id时，jQuery总是返回1是正常行为吗？
<div id="1">foo</div>
<div id="1">foo</div>
jQuery(function(){
alert(jQuery('#1').length); // returns 1
});
我在这里构建了一
浏览 0提问于2013-07-17得票数 4
回答已采纳
我正在尝试制作一个随机改变颜色的方框网格。到目前为止，我只能让一个框改变颜色。但肯定有别的办法？
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<style>
#box {
background-color:blue;
padding:10px;
border:7px solid black;
width: 25;
height:25;
浏览 0提问于2013-05-29得票数 0
回答已采纳
使用JQuery，我需要能够按下一个按钮并创建一个可拖放的div。我的代码如下
我的身体有以下的风格
<style>
#draggable {
width: 100px;
height: 100px;
background: #ccc;
}
</style>
这是我想要放置div的容器和应该创建新div的按钮。当我在页面加载上创建div时，它是可拖动的，并且按预期工作。
<container id="area">
浏览 2提问于2014-09-29得票数 1
回答已采纳
2回答
因此，我正在编写一些使用jQuery和CSS的HTML。我希望使用一个有class=""的系统来管理CSS，并使用一个具有jQuery引用的id=""。我不能只按类名调用jQuery，因为我有同一个类的几个div框。
总之，做下面这样的事情可以吗？
<p id="id" class="css">Text</p>
而且，如果可以的话，这样做合适吗？有什么更好的方法吗？
浏览 7提问于2015-09-19得票数 0
回答已采纳
我有许多具有相同id但不同名称的按钮我无法在jquery中为单击的按钮获取name.But属性值。我在StackOverflow中搜索了一下，得到了许多关于我的issue.But的建议，但我仍然无法解决我的问题。任何人，请帮帮忙。
我在这里只给出了我的jquery代码：
<script>
$(document).click('#grant',function(){
$name=$(this).attr("name");
alert($name);
});
</script>
这里，grant是为按钮提供的id。我只想获取被点击
浏览 1提问于2018-03-14得票数 0
2回答
我正在尝试获取mesg_id，当用户单击一个按钮时，它会显示一个弹出窗口，在它里面，它会显示mesg_id
但我不能检索mesg_id的问题是，它取的是顶部的那个，而不是用户点击的那个示例：
<div class="msg-action">
<p id="mesg_id"><?php echo $msg_id; ?></p>
<a class="msg-icon popup-button" href="" data-target="#reply-
浏览 0提问于2020-03-14得票数 1
4回答
当通过JQuery和PHP按下某个按钮时，我想做一些事情。然而，问题是，我的页面上的按钮是动态生成的，它们都有不同的值。所以可能是三，四个按钮，...etc。
这两个主要问题是：
1)只有第一个按钮被Javascript识别，另一个按钮什么也不做。
2)我无法找到将带有JavaScript的变量id传递给我的PHP代码的方法。
希望有一个例子能清楚地说明问题：
HTML，按钮的数量是未知的，都有不同的值：。
<button id='button' value='$variableid1'>Do something</button>
<
浏览 6提问于2013-05-01得票数 2
回答已采纳
2回答
我有许多类似的div，id为tictab ..and，我想让第一个tictab不可见，并在末尾添加它的克隆。我正在使用下面的代码
$('#leftButton').click(function(){
$('#tictab').clone().insertBefore('#rightButton');
$('#tickers').find('#tictab').eq(ind).css('display','none');
ind++;
});
浏览 3提问于2012-06-05得票数 1
回答已采纳
3回答
我使用jQuery来实现以下功能：
对于每个id相同的div，，检查div是否有li元素。如果是这样，那么添加一个特定的类.
下面的代码只适用于一个div。我要做什么改变，让它循环使用相同id的div的所有实例。
$('#general-block').each(function() {
if ($('general-block:has(li)').length) {
$('general-block').addClass('testing-block');
}
});
// The class '
浏览 15提问于2022-02-16得票数 0
我有多个选择元素，如下所示
<select id="changefilter" name="id"><option value="">1</option></select>
<select id="changefilter" name="price"><option value="">1</option></select>
<select id="changefilter" name
浏览 5提问于2015-11-06得票数 1
回答已采纳
(1)我有下一个html：
<form method='post' action='' id='#countersForm'>
<label class='error' id='88'></label>
<input id="88" class="counter_input active" type="text" enabled="">
<label class='error' id
浏览 0提问于2014-03-18得票数 0
5回答
如何让jQuery与span id标签一起工作？
jQuery看不到我的id。当我使用不带跨度的h6标记时，它工作得很好。我愿意使用div或其他替代方法。
谢谢,
<!DOCTYPE html PUBLIC "><html>
<head>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript">
$(function(){
$(
浏览 4提问于2011-03-07得票数 0
回答已采纳
2回答
我正在自学php和mysql.I，我正在创建一个小型商务网站来测试我的技能。我在页面上有多个表单，如下所示
<div class="formInfo"><form name="CartForm" method="post" action="./ajax/addCart.php" class="fixed">
<input name="prodId" type="hidden" value="10" />
<label fo
浏览 0提问于2012-07-12得票数 0
回答已采纳
我正在尝试创建一个div弹出式画廊类型的东西。但是我对我的方法有一个问题。
我有几个链接的缩略图，它们链接到大图像。这些图像中的每一个都是这样的
<a href="www.google.com" id="galImage">
<img src="http://www.savoryspiceshop.com/content/mercury_modules/cart/items/3/0/3/3030/rogan-josh-salt-free-thumbnail-fw232.jpg">
</a>
<br /&g
浏览 0提问于2013-02-24得票数 1
回答已采纳
我在asp.net MVC应用程序中使用了以下脚本来弹出图像
$(document).ready(function () {
$("#to-get-bigger").mouseover(function () {
$(this).effect("bounce", { time: 3, distance: 40 });
});
});
在视图上，我有以下两个具有相同Id的图像：-
<a href="@Url.Action("StartAssessment",
浏览 0提问于2012-03-12得票数 1
回答已采纳
$('a#actionLifeEnforcement').click(function() {
if(!validateSelectedRightsType()){
return false;
};
if ($("input:checkbox:checked").length == 1) {
$("input:checkbox:checked").each(function() {
$('<input>
浏览 1提问于2014-04-02得票数 0
回答已采纳
我已经将json数据插入到Redis中按分数排序的集合中。得分是timestamp。
如果将min,max参数指定为timestamp，是否可以从按此分数排序的集合中删除项目
$this->redis_php->zRemRangeByScore($key, $timestamp, $timestamp);
那么，如果我有max, min的semilar $timestamp，它将在什么范围内工作？我的意思是<= =>或= =
浏览 0提问于2015-10-11得票数 0
我对一个div有问题，它在it.Button上有一个按钮，id='delsts‘，整个div是从php获取的，如下所示：-
//php code
foreach ($data as $row) {
$status = $row['status'];
$fn = $row['firstname'];
$time =$row['posted_dt'];
echo "<div id='stsshown'>
浏览 3提问于2015-01-11得票数 0
回答已采纳
我有动态的复选框行，我想做的是获得父树的自定义属性值，但无法做到，我正在做一些类似这样的事情
jQuery('[id^="status-"]').click(function(event) {
var parentTrID = $(this).parent().find('data-tt-id');
alert(parentTrID);
});
这是我的HTML/Php部分
<?php
$count = 0;
foreach ($this->Alloc
浏览 4提问于2013-08-28得票数 1
首先单击bb链接，您将看到hello下拉框，然后单击下一页上的submit按钮您将看到Hi输出，但实际上它应该是Hello
当单击cc链接时，您将看到hi下拉框当单击submit按钮时，输出仍然保持不变hi，因此更正后的值不会打印在下一页上
文件名: enable.php
<html>
<head>
<script type="text/javascript">
function showdetail(boxid){
document.getElementById
浏览 0提问于2011-08-09得票数 1
我有以下代码，我想选择type = text和id为‘宣告日期’的元素。我该如何在jQuery中做到这一点？请注意，这两个元素具有相同的id。这是我正在使用的一个传统的ASP页面。
<input type="hidden" name="announcement_date" id="announcement_date" value="1111"></input>
<input type="text" name="announcement_date" id="ann
浏览 0提问于2012-07-10得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
