Question

我有这个html结构：

<ul class="shopp_categories">
<li><a href="#">TEXT</a>
    <ul class="children">
        <li><a href="#">TEXT</a></li>
    </ul>
</li>
<li><a href="#">Text</a></li>
</ul>

这是我的js：

jQuery('.shopp_categories ul.children').parent().append('###');

我的功能没有正确附加内容。它看起来像：

<ul class="shopp_categories">
<li>->####<-<a href="#">TEXT</a>
    <ul class="children">
        <li><a href="#">TEXT</a></li>
    </ul>
</li>
<li><a href="#">Text</a></li>
</ul>

当然，在执行我的功能之后没有箭头。我的代码中的错误在哪里？

Answer 1

你的javascript错了。

试试：

$(function(){
    $('.shopp_categories li:first').prepend('###');
});

以下是一个工作示例：http://jsfiddle.net/UknL3/

Answer 2

追加会将其放在结尾。 Prepend将把它放在开头。请尝试使用prepend('###');。

Answer 3

您确实无效，但为什么不使用an index selector？

$(".shopp_categories li:eq(0)").prepend("###");

通过这种方式，您可以轻松更改要更改的项目的索引。只需更改eq括号内的值，例如eq(x)。

Answer 4

试试这个

$(function(){
    $('.shopp_categories li').find('ul').parent().prepend('###');
});

DEMO

附加到父母

4 个答案: