jquery查找關閉跨度在td內

Question

這裏是fiddle解釋我的問題。

誰能幫助如何解決這個問題

我做了我的代碼是這樣的

$('.chg').click(function(e) { 
     e.preventDefault(); 
     $(this).closest('td span').html('test') 
    }) 

Answer 1

.closest()搜索祖先樹找到匹配的元素，你區分的span是同級元素中。

要麼你可以從tr元素找到span

$(document).ready(function(){ 
    $('.chg').click(function(e) { 
     e.preventDefault(); 
     $(this).closest('tr').find('span').html('test') 
    }) 
}) 

演示：Fiddle

或者你可以找到以前的td元素

$(document).ready(function() { 
    $('.chg').click(function (e) { 
     e.preventDefault(); 
     $(this).parent().prev().find('span').html('test') 
    }) 
}) 

演示中span：Fiddle

Answer 2

你可以這樣試試，它會改變你的span html值。

$(document).ready(function(){ 
    $('.chg').click(function(e) { 
     e.preventDefault(); 
     sp=$('.chg').parent().parent(); 
     sp.find('span').html('test'); 
    }) 
})