在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中我想使用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');