Questions tagged «jquery-selectors»

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






20
jQuery获取特定的选项标签文本
好吧,说我有这个: <select id='list'> <option value='1'>Option A</option> <option value='2'>Option B</option> <option value='3'>Option C</option> </select> 如果我想获得值“ 2”时选择“选项B”,选择器会是什么样? 请注意,这不是在询问如何获取选定的文本值,而是询问其中的任何一个(取决于是否选中),具体取决于value属性。我试过了: $("#list[value='2']").text(); 但这是行不通的。

13
如何使用jQuery按名称选择元素?
有一个我要扩展和隐藏的表列: td当我按类而不是按元素的名称选择jQuery时,jQuery似乎隐藏了这些元素。 例如,为什么这样做: $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work 请注意下面的HTML,第二列的所有行都具有相同的名称。如何使用name属性创建此收藏集? <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr>

11
在输入文本框中获取值
使用jQuery获取和呈现输入值的方法有哪些? 这是一个: $(document).ready(function() { $("#txt_name").keyup(function() { alert($(this).val()); }); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <input type="text" id="txt_name" /> 运行代码段隐藏结果展开摘要

9
jQuery如何根据数据属性值查找元素?
我有以下情况: var el = 'li'; 并且<li>页面上有5个,每个data-slide=number属性都有一个属性(数字分别为1,2,3,4,5)。 现在,我需要找到当前活动的幻灯片编号,该编号已映射到var current = $('ul').data(current);每个幻灯片更改并在每次更改时更新。 到目前为止,我的尝试都没有成功,试图构造与当前幻灯片匹配的选择器: $('ul').find(el+[data-slide=+current+]); 不匹配/不返回任何内容... 我无法对该li部分进行硬编码的原因是,这是一个用户可访问的变量,可以根据需要将其更改为其他元素,因此它不一定总是为li。 关于我所缺少的任何想法?

27
按值设置选择选项“已选择”
我有一个select带有一些选项的字段。现在,我需要options使用jQuery 选择其中之一。但是,当我只知道必须选择的时value,该option怎么办? 我有以下HTML: <div class="id_100"> <select> <option value="val1">Val 1</option> <option value="val2">Val 2</option> <option value="val3">Val 3</option> </select> </div> 我需要选择带有值的选项val2。如何才能做到这一点? 这是一个演示页面:http : //jsfiddle.net/9Stxb/


6
jQuery选择器中的通配符
我正在尝试使用通配符获取ID以“ jander”开头的所有元素的ID。我试过了$('#jander*'),$('#jander%')但是没有用。 我知道我可以使用元素的类来解决它,但是也可以使用通配符? <script type="text/javascript"> var prueba = []; $('#jander').each(function () { prueba.push($(this).attr('id')); }); alert(prueba); }); </script> <div id="jander1"></div> <div id="jander2"></div>


4
使用HTML5的自定义数据属性上的jQuery选择器
我想知道HTML5随附的这些数据属性有哪些选择器。 以这段HTML为例: <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> 是否有选择器获得: 与所有元素data-company="Microsoft"下方"Companies" 与所有元素data-company!="Microsoft"下方"Companies" 在其他情况下,可以使用其他选择器,例如“包含,小于,大于等...”。


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.