我只需要使用jQuery指定顶级LI就需要帮助

时间:2011-05-26 16:07:16

标签: jquery append

我正在尝试限制追加功能,以便它只适用于顶级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" />');

要查看完整代码:http://nunyabiz.zxq.net/menu/index.html

1 个答案:

答案 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" />')

这是好的