Question

我有这个陈述

<div class="divShow">
   <ul id="ulShow">           
     <li>
       <h3 class="CompanyShow">A</h3>
       <h2 class="ShowTitle">S</h2>                
       <input class="ExpShow" type="button" value="Edit">           
     </li>
     <li>
       <h3 class="CompanyShow">A2</h3>
       <h2 class="ShowTitle">T1</h2>
       <input class="ExpShow" type="button" value="Edit">
      <li>
    </ul>
</div>

当我点击"Edit"按钮时，我必须显示相应的数据。

当我点击第一个列表中的"Edit"按钮时，它应显示A，如果我点击第二个li，则应显示A2。

如何使用jQuery执行此操作？

 $('.EditExp').live('click',function(){
     $('.divShow ul li').each(function(){
         alert($(this).parent().find('h3.CompanyShow').html());                 
     });                 
 });

Answer 1

这对你有用。这里的想法是我在所有按钮上放置一个点击处理程序，然后我选择仅与按钮相关的.CompanyShow元素。

<强> DEMO

$('.ExpShow').on('click', function(){
    var $this = $(this);
    alert(  $this.prevAll('.CompanyShow').text());     
}); // end on click

Answer 2

$('.ExpShow').click( function() {
  var html = $(this).closest('li').find('.CompanyShow').html();
  alert( html );
});

使用jQuery从每个语句中读取值

2 个答案: