jquery - 在活动中添加一个按钮

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. 这样它就可以动态处理新元素，而无需重新应用事件挂钩。