Question

我有一个包含一些LI链接的列表。

我想在点击链接时为这个li添加一个类，这里是你的代码：

<ul id="sliders_buttons_list">
            <a href="#" uid="1">
                <li class="" uid="1">
                    First tab
                </li>
            </a>

            <a href="#" uid="2">
                <li class="" uid="2">
                    Second tab
                </li>
            </a>

            <a href="#" uid="3">
                <li class="" uid="3">
                    Third tab
                </li>
            </a>

        </ul>

如果我点击uid = 1的链接我用魔杖向li添加一个新类，其中uid = 1

谢谢！

Answer 1

$("#sliders_buttons_list").delegate("a", "click", function()
{
     var uid = this.getAttribute("uid");
     $(this).find("li").addClass("uid_" + uid);
});

Answer 2

试试这个：

$('#sliders_buttons_list a').click(function(){

     $('li[uid='+$(this).attr('uid')+']').addClass('newClass');

})

因此，如果您使用uid = 1点击a，则uid = 1的li将获得“newClass”类同样适用于uid = 2等等..

Answer 3

$("#sliders_buttons_list a[uid]").click(function(){
    var uid = $(this).attr("uid");
  $(this).find("li[uid='" + uid +"']").addClass("someClass");
});

<强> Code example on jsfiddle

如何使用自定义属性将类添加到某个元素？

3 个答案: