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

每次点击empName按钮时，您需要获得empDesignation和more info的值。这意味着，您需要在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

jQuery - 查找最近的元素并替换文本

1 个答案: