Question

这是我的结构：

<ul class="subcategories" id="items-23">
    <li>
        <a data-item="35" class="itemLink">
            others
        </a>
    </li>
    <li>
        <a data-item="24" class="itemLink">
            Cars
        </a>
    </li>
    <li>
        <a data-item="28" class="item-link activeSelection">
            Bikes
        </a>
    </li>
</ul>

我想仅将此按钮添加到activeSelection： <a class="btn item-next" id="NextButton" href="#">Next</a>。当我点击<li>时，它会添加activeSelection类。

我尝试了源代码。由于<li>是自动生成的，如果我有按钮，则会在每个<li>上看到它。

有人理解我的问题，可以找到解决方案吗？

提前致谢!!!

------------结果预期-----------

如您所见，我选择了第一个类别，并显示了我的按钮

http://rentaweb.fr/wp-content/uploads/2013/07/screenshot.png

Answer 1

使用特定类向该元素添加内容：

$('<input type="button" value="Hello"/>').appendTo('.activeSelection');

注册点击事件：

$('.subcategories').on('click', '.itemLink', function(){
    $('.activeSelection').removeClass('activeSelection'); // Remove the current as suggested
    $(this).addClass('activeSelection');
});

请注意使用on（），我会过滤掉.itemLink。这样它就可以动态地处理新元素，而无需重新应用事件挂钩。

在活动<li> </li>中添加一个按钮

1 个答案: