, wie die Zelle Wert von Vorfahren div bekommen und Nachkommen td jquery

Question

HTML

<div class="row"> 
    <div class="col-md-10 col-md-offset-1"> 
     <img src="/uploads/avatars/{{ $user->avatar }}" style="positwidth: 150px; height: 150px; float:left; border-radius: 50%; margin-right: 25px; "> 
     <h2>Personal Information</h2> 
     <div class="profile"> 
      <td class="name">Name: {{ $user->name }}</td> 
     </div><br/> 
     <div class="profile"> 
      <td class="email">Email Address: {{ $user->email }}</td> 
     </div><br/> 
     <div class="profile"> 
      <td class="role">Role: @if($user->is_admin == 1) Admin @else User @endif 
      </td> 
     </div> 

     <div style="margin-left: 175px; margin-top: 20px;"> 
      <button type="submit" class="btn btn-sm btn-success update_info" data-toggle="modal" data-target="#myModal" style="width: 280px; font-size: 20px; font-weight: bold;">Update Profile</button> 
     </div> 
    </div> 
</div> 

Script

$('.update_info').click(function(event) { 
    event.preventDefault(); 

    //Cloning Modal 
    myModal = $('#myModal'); 

    //get the cell value from the table 
    var name = $(this).closest('div.profile').find('td.name').html(); 
    var email = $(this).closest('div').find('td.email').html(); 
    var role = $(this).closest('div').find('td.role').html(); 

    alert(name); 
    // and set them in the modal: 
    myModal.find('input[name="name"]').val(name); 
    myModal.find('input[name="email"]').val(email); 
    myModal.find('input[name="role"]').val(role); 
}); 

Answer 1

Sie müssen mit zu div.col-md-10 durchqueren auf, die das gemeinsame übergeordnete Ziel ist und aktuelles Element this.

var parent = $(this).closest('div.col-md-10'); 

Dann können Sie Selektor das Zielelement

var name = parent.find('td.name').html(); 
var email = parent.find('td.email').html(); 
var role = parent.find('td.role').html(); 

zu erhalten