我正在尝试限制追加功能,以便它只适用于顶级LI,但我显然不知道如何选择性。我搜索了最近几天,希望能找到能引导我朝正确方向前进的东西,但到目前为止还没有运气......
我只想在顶层使用向下箭头,在后续LI上使用右箭头。希望这是有道理的。这是我正在使用的代码。
$("ul.dropdown li:has(ul)").find("a:first").append('<img class="down_arrow" border="0" style="padding-left:3px;" src="http://nunyabiz.zxq.net/img/down.gif" />')
$("ul.dropdown li ul li:has(ul)").find("a:first").append('<img class="right_arrow" border="0" style="padding-left:3px;" src="http://nunyabiz.zxq.net/img/right.gif" />');
答案 0 :(得分:2)
使用Child Selector (“parent > child”)选择器
$("ul.dropdown > li:has(ul)").find("a:first").append(
$("<img>", {
"class": "down_arrow",
border: 0,
style: "padding-left:3px;",
src: "http://nunyabiz.zxq.net/img/down.gif"
})
);
或者你是如何拥有它的:
$("ul.dropdown > li:has(ul)")
.find("a:first")
.append('<img class="down_arrow" border="0" style="padding-left:3px;" src="http://nunyabiz.zxq.net/img/down.gif" />')
这是好的