[英]jquery ul li selector
我有这个清单
<ul style="display:none">
<li id="key1" title="Look, a tool tip!">item1 with key and tooltip
<li id="key2" class="selected">item2: selected on init
<li id="key3" class="folder">Folder with some children
<ul>
<li id="key3.1">Sub-item 3.1
<li id="key3.2">Sub-item 3.2
</ul>
<li id="key4" class="expanded">Document with some children (expanded on init)
<ul>
<li id="key4.1">Sub-item 4.1
<li id="key4.2">Sub-item 4.2
</ul>
</ul>
有没有办法用查询选择每个<li>的“id”?
我曾经尝试过这样但现在正在努力
$("ul li:#key1").qtip({
content: '<img src="icons/Icon.png" />'
});
Thanx的答案,但上述都没有工作..我试过这个
$("ul li:first").qtip({
content: '<img src="icons/Icon.png" />'
});
并且我能够看到qtip.But仅用于列表中的第一个(key1)。 试
$("ul li#key1").qtip({
content: '<img src="icons/Icon.png" />'
});
要么
$("#key1").qtip({
content: '<img src="icons/Icon.png" />'
});
它不适合我.. = /
只需使用id
选择器:
$("#key1").qtip(...);
id
值必须在页面上是唯一的,因此保留所有其他东西让jQuery
使用document.getElementByID
,并且选择器很好且简单(例如,快速)来解析和应用。 (当然,如果你想让选择器提交,如果key1
不是li
,那么你需要完整的选择器。但通常这不是你想要的。)
请注意,您的某些id
值需要转义,因为您有.
在他们中。 逃避一个.
,你在选择器前面放一个反斜杠。 因为选择器是在JavaScript字符串中,所以必须转义反斜杠以实际将反斜杠放入选择器,因此您使用两个:
$("#key4\\.1").qtip(...);
为什么额外结肠:
? 你不需要它。
$("ul li#key1").qtip({
content: '<img src="icons/Icon.png" />'
});
是。
$("ul li#key1").qtip(); //rest of code
此外,因为它是一个ID,很可能是唯一的。 你可以简单地使用:
$("#key1")
如果按id选择,则无需指定类型,类或父类。 ID应该是唯一的。
例如,如果要一起选择所有选择器,可以使用以下选择器选择key1,key2和key3:
$("#key1, #key2, #key3").qtip({
content: '<img src="icons/Icon.png" />'
});
或者逐个选择它们:
$("#key1").qtip({
content: '<img src="icons/Icon.png" />'
});
$("#key2").qtip({
content: '<img src="icons/Icon.png" />'
});
或者您可以执行类似这样的操作来指定键列表,而不是重复qtip的选择和初始化:
var keys = ['key1', 'key2', 'key3'];
$(keys).each(function(i, key) {
$("#" + key).qtip({
content: '<img src="icons/Icon.png" />'
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.