Questions tagged «jquery-selectors»

选择器可以在jQuery中使用,以匹配文档中的一组元素。大多数CSS选择器以及一组自定义选择器均已实现。

24
jQuery设置选择索引
我有一个选择框: <select id="selectBox"> <option value="0">Number 0</option> <option value="1">Number 1</option> <option value="2">Number 2</option> <option value="3">Number 3</option> <option value="4">Number 4</option> <option value="5">Number 5</option> <option value="6">Number 6</option> <option value="7">Number 7</option> </select> 我想根据其选定的索引将选项之一设置为“选定”。 例如,如果我尝试设置“数字3”,则尝试这样做: $('#selectBox')[3].attr('selected', 'selected'); 但这是行不通的。如何使用jQuery根据选项的索引将其设置为选中状态? 谢谢!

5
复选框标签的jQuery选择器
<input type="checkbox" name="filter" id="comedyclubs"/> <label for="comedyclubs">Comedy Clubs</label> 如果我有一个带有描述标签的复选框,那么如何使用jQuery选择标签?给标签添加一个ID并使用选择它会更容易$(#labelId)吗?



8
使用jQuery获取div中已选中复选框的列表
我想获得在具有特定ID的div中选中的复选框名称的列表。我将如何使用jQuery? 例如,对于这个div,我想获取数组[“ c_n_0”; “ c_n_3”]或字符串“ c_n_0; c_n_3” <div id="checkboxes"> <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1 <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2 <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3 <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4 </div>

4
使用jQuery选择多个类
我的外观很好,似乎无法找出如何在一个jQuery选择器语句中选择与某些类匹配的所有元素,例如: $('.myClass', '.myOtherClass').removeClass('theclass'); 关于如何实现这一目标的任何想法?唯一的其他选择是 $('.myClass').removeClass('theclass'); $('.myOtherClass').removeClass('theclass'); 但是我正在使用很多类来执行此操作,因此需要大量代码。

15
使用jQuery获取具有特定类名的所有选中的复选框
我知道我可以使用以下方法在页面上选中所有复选框: $('input[type=checkbox]').each(function () { var sThisVal = (this.checked ? $(this).val() : ""); }); 但是,我现在在一个页面上使用了此页面,该页面上还有其他一些我不想包括的复选框。如何更改上面的代码,使其仅查看具有特定类的选中复选框?

6
jQuery的.bind()与.on()
我找到了两篇有关此新功能的精彩文章.on():jquery4u.com,elijahmanor.com。 有什么方法.bind()比它还好用.on()吗? 例如,我有一个示例代码,如下所示: $("#container").click( function( e ) {} ) 您可能注意到,选择器只检索了一项,在我的情况下,加载页面时该<div>名称#container已经存在;没有动态添加。重要的是要提到我使用的是最新版本的jQuery:1.7.2。 对于该示例,即使我不使用该功能提供的其他功能,也.on()应使用该示例?.bind().on()

4
如何从jQuery选择器中排除$(this)?
我有这样的事情: <div class="content"> <a href="#">A</a> </div> <div class="content"> <a href="#">B</a> </div> <div class="content"> <a href="#">C</a> </div> 当单击这些链接之一时,我要在未单击的链接上执行.hide()函数。我了解jQuery具有:not选择器,但是在这种情况下我不知道如何使用它,因为有必要使用$(".content a") 我想做类似的事情 $(".content a").click(function() { $(".content a:not(this)").hide("slow"); }); 但在这种情况下,我不知道如何正确使用:not选择器。

9
使用jQuery获取第二个孩子
$(t).html() 退货 <td>test1</td><td>test2</td> 我想td从$(t)对象中检索第二个。我在寻找解决方案,但对我没有任何帮助。任何想法如何获得第二个元素?

9
jQuery数据选择器
我需要根据存储在元素.data()对象中的值来选择元素。至少,我想使用选择器来选择顶级数据属性,也许像这样: $('a').data("category","music"); $('a:data(category=music)'); 或者选择器将采用常规属性选择器格式: $('a[category=music]'); 或采用属性格式,但带有说明符以指示其位于.data(): $('a[:category=music]'); 我发现James Padolsey的实现看起来很简单,但是很好。该页面上显示的镜像方法上方的选择器格式。还有这个Sizzle补丁。 出于某种原因,我记得有一阵子,jQuery 1.4将支持对jquery .data()对象中的值的选择器。但是,现在我正在寻找它,所以找不到了。也许这只是我看到的功能要求。有对此的支持,我只是没有看到? 理想情况下,我想使用点表示法在data()中支持子属性。像这样: $('a').data("user",{name: {first:"Tom",last:"Smith"},username: "tomsmith"}); $('a[:user.name.first=Tom]'); 我还想支持多个数据选择器,在其中只能找到具有所有指定数据选择器的元素。常规jquery多重选择器执行OR操作。例如,$('a.big, a.small')选择a具有class big或的标签small。我正在寻找AND,也许是这样的: $('a').data("artist",{id: 3281, name: "Madonna"}); $('a').data("category","music"); $('a[:category=music && :artist.name=Madonna]'); 最后,如果可以在数据选择器上使用比较运算符和正则表达式功能,那就太好了。这样$(a[:artist.id>5000])有可能。我意识到我可能可以使用来完成很多工作filter(),但是拥有一个简单的选择器格式会很好。 有哪些解决方案可以做到这一点?Jame's Padolsey目前是最好的解决方案吗?我主要关心的是性能,还涉及子特性点表示法和多个数据选择器等额外功能。是否有其他支持这些功能或在某种程度上更好的实现?

12
使用jQuery计算直接子div元素
我具有以下HTML节点结构: <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"></div> </div> <span></span> </div> 我如何计算foo类型的直系子代的数量div?在上面的示例中,结果应为两个(bar和baz)。

5
jQuery选择器,用于在name属性中带有方括号的输入
我试图选择在name属性中具有方括号的此元素: <input type="text" name="inputName[]" value="someValue"> 我已经试过了(不起作用): $('input[inputName[]=someValue]') 而且这也不是: $('input[inputName[]=someValue]') 或这个: $('input["inputName[]"=someValue]') 编辑:正如你们中某些人指出的那样,$('input[inputName=someValue]')它将永远无法工作。我正在尝试做的是:$('input[name=inputName][value=someValue]')。(但是[]在name属性中)。


6
jQuery:同时选择元素的类和ID?
我有一些链接,我想同时选择类和ID。 这是因为我有两种不同的行为。当一类链接获得一个类名时,它们会以一种方式起作用;当同一类链接获得另一个类名时,它们将表现出不同的行为。类名通过jquery切换。 因此,我必须能够同时选择一个链接类和ID。这可能吗? 我试过了: $("a .save #country") 没有任何结果。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.