javascript - 获取下一个标签 - jquery

Question

我有以下标记:

<button class="button" type="button"><span>Edit</span></button>

我想在 .button 上有一个点击事件，它会改变下一个跨度的值。

所以我有这个作为测试:

    $('.button').click(function(){
    $(this).next('span').val();
})

但是这会返回“undefined”。如何选择跨度？

谢谢!

Answer 1

你需要解决两件事。 First next() 应用于兄弟元素。你的 span 在你的 button 里面。因此，将其更改为 child 。接下来要获取 span 元素中的值，您需要使用 .html()

$('.button').click(function(){
    $(this).children('span').html();
})

编辑:这是一个 jsFiddle