使用 class jquery 中 li 的名称获取 ul 元素的 ID

Question

我有以下 html 代码

   <ul id="div0">
    <li id="INT" class="demographics">MemberID</li>
    <li id="VARCHAR" class="demographics">Name</li>
    </ul>
   <ul id="div1">
   <li id="INT" class="lab">DOB</li>
   <li id="INT" class="lab">ZipCode</li>
   </ul>
   <ul id="div2">
  <li id="VARCHAR" class="labresult">Payroll</li>
   <li id="INT" class="labresult">DrID</li>
  <ul>

在 jquery 我想使用 class li 元素的名称获取 ul 元素的 ID，

例如

             $('.demographics').click(function(){
                 // here i want the id of ul tag containing class demographics
                  });

Answer 1

使用这个

$('.demographics').on('click',function(){
    var id = $(this).parent('ul').attr('id');
});

Answer 2

试试这个：

$('.demographics').on('click',function(){
    var id = $(this).closest('ul')[0].id;
    console.log(id);
});

Answer 3

只需使用 jQuery 查找 parent()：http://jsfiddle.net

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