Question

我有以下内容：

<ul>
   <li>....</li>
   <a class="close">Close</a>
</ul>

但是当我使用以下JQuery时：

$(function()
{
    $('.close').click(function()
    {
        console.log("Close");
    });
});

不会注册点击事件，但是，如果我将a tag移到ul之外，那么它就可以了。

如何在ul内指定一个类而不使所有其他元素也可点击？

Answer 1

尝试以下方法之一：

<ul id="StaffList">
  <li>....</li>
</ul>

<a for="StaffList" class="close">Close</a>

脚本：

$(function()
{
    $('.close').click(function()
    {
        var list = $("#"+$(this).attr('for'));
        //here u have a rerfference of list above.
        //u can do whatever u want with it
        //for example list.hide();
        console.log("Close");
    });
});

Answer 2

试试这个：

<ul>
   <li class="close"><a href="#">Close</a></li>
</ul>

UL内部可点击的课程

2 个答案: