Question

<ul id ="myList">
<li><a href="www.example.com">link</a></li>
</ul>

如何使用jQuery获取ul（myList）的id？单击链接时会触发我的j-script事件。我试过了：

$(this).parent().attr('id');

但它得到了李的身份，我需要更高一点，我也不能将点击附加到li。

Answer 1

$(this).parent().parent().attr('id');

您将如何获得父母的父母的身份。

编辑：

$(this).closest('ul').attr('id');

对您的案件来说，这是一个更加万无一失的解决方案。

Answer 2

 $(this).closest('ul').attr('id');

Answer 3

以下是3个示例：

$(document).on('click', 'ul li a', function (e) {
    e.preventDefault();

    var example1 = $(this).parents('ul:first').attr('id');
    $('#results').append('<p>Result from example 1: <strong>' + example1 + '</strong></p>');

    var example2 = $(this).parents('ul:eq(0)').attr('id');
    $('#results').append('<p>Result from example 2: <strong>' + example2 + '</strong></p>');
  
    var example3 = $(this).closest('ul').attr('id');
    $('#results').append('<p>Result from example 3: <strong>' + example3 + '</strong></p>');
  
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul id ="myList">
  <li><a href="www.example.com">Click here</a></li>
</ul>

<div id="results">
  <h1>Results:</h1>
</div>

让我知道它是否有用。

jQuery：获取父，父ID？

3 个答案: