jQuery - 查找最近的元素並替換文字

Question

我有頂部的more鏈接的員工列表。

如果我點擊更多信息鏈接，我想獲得相關元素，並在底部顯示的值...

Online Demo

請看看下面的代碼並指導我？

$(document).ready(function(){ 

    var empName = $(this).closest('.emp-details').find('.ename').text(); 
    var empDesignation = $(this).closest('.emp-details').find('.edesignation').text(); 
    $('.more-info').on('click', function(){ 
    $('#info-container').show(); 
    $('#info-container #empname').text(empName); 
    $('#info-container #designation').text(empDesignation); 
    }); 

}); 

Answer 1

你需要得到的每次點擊more info按鈕empName和empDesignation值。這意味着，您需要在more-info點擊事件中設置這些變量。

$(document).ready(function() { 
    $('.more-info').on('click', function() { 
    var parent = $(this).closest('.emp-details') 
    var empName = parent.find('.ename').text(); 
    var empDesignation = parent.find('.edesignation').text(); 
    $('#info-container').show(); 
    $('#empname').text(empName); 
    $('#designation').text(empDesignation); 
    }) 
}); 

Fiddle