jQuery从变量中选择一个值

Question

我是jQuery的新手，我有一个关于从变量中获取所需值的问题。 更具体我在html文件上有这个列表。

<ul id="menu">
<li class="mainmenu" id="newsarticles"><a href="#">News &amp; articles</a>

    <ul id="newsarticles">
        <li class="submenu" id="news"> <a href="#">News</a>

        </li>
        <li class="submenu" id="articles"> <a href="#">Articles</a>

        </li>
    </ul>
    <li class="mainmenu" id="contactus"><a href="#">Contact Us</a>
    </li>
</ul>

现在我想对mainmenu和子菜单使用相同的功能。

$("#menu li").click(Menu_function);

我的问题是当我点击子菜单时，变量$（this）有两个值。 一个用于子菜单中的li，另一个用于mainmenu的li。

现在我想在我的函数中做这样的事情：

var currentId = $(this).attr('id');

我怎么才能得到一个值？

任何帮助赞赏。

Answer 1

你想要的

$('#menu').click(function(evt) {
  var currentId = $(evt.target).closest('li').attr('id');
});

Answer 2

您可以使用“each”选择器将click函数添加到这两个项目：

$('#menu li').each( function(index) {
    $(this).click( function() {
      var id = $(this).attr('id');

      // do whatever you need to here
    });
});

Answer 3

您可以使用jquery的每个方法遍历所有这些方法并在其上添加onclick。 类似于dcp在他的回答中提到的东西：

$('#menu li').each( function() {
    // add click method on this element ($(this))
    $(this).click( function() {
    });
});