jquery在td内找到最近的跨度

Question

以下fiddle解释了我的问题。

任何人都可以帮助解决这个问题

我的代码就像这样

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

Answer 1

.closest()搜索祖先树以查找匹配元素，例如span在兄弟元素中。

您可以从span元素

中找到tr

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

演示：Fiddle

或者您可以在之前的span元素中找到td

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

演示：Fiddle

Answer 2

你可以这样试试，它会改变你的跨度html值。

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