使用带有Jquery选择器的className选择下一个Span

Question

苦苦挣扎于Jquery选择器以选择

<span class='textContent'> 

单击'edit_click'类时。任何帮助都将受到高度赞赏。

<span>
    <i class='fa fa-pencil edit_click'></i>
</span>
<span class='textContent'>Hello</span>

Javascript事件处理程序

$('.edit_click').click(function (e) {
    $(this).next('span.textContent').attr('contenteditable', 'true');
    e.preventDefault();
});

Answer 1

您需要使用.parent()来获取父span的引用，然后.next()可以span使用，以便在兄弟之后立即定位。

$(this).parent().next('span.textContent')

Answer 2

尝试在此上下文中使用closest()函数来选择span的父i元素。之后使用.next()，因为span.textContent是以前使用closest选择的元素的兄弟，

$('.edit_click').click(function (e) {
   $(this).closest('span').next(".textContent").attr('contenteditable', 'true');
});

使用e.preventDefault在i标记上绑定事件时没有意义，因为它没有任何内置功能。<​​/ p>