jQuery:获取父代,父代ID?

2020/11/23 04:11 · jquery ·  · 0评论
<ul id ="myList">
<li><a href="www.example.com">link</a></li>
</ul>

如何使用jQuery获取ul(myList)的ID?单击链接时触发我的j脚本事件。我努力了:

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

但是它得到了li的ID,我需要再高一点,而且我也无法将点击附加到li。

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

是如何获取父母的父母的ID。

编辑:

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

是针对您的案例的更简单的解决方案。

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

这是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>

让我知道这是否有帮助。

本文地址:http://jquery.askforanswer.com/jqueryhuoqufudaifudaiid.html
文章标签:
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!