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

InT*_*ons 4 jquery

苦苦挣扎的Jquery选择器来选择

<span class='textContent'> 
Run Code Online (Sandbox Code Playgroud)

当点击'edit_click'类时.任何帮助将受到高度赞赏.

<span>
    <i class='fa fa-pencil edit_click'></i>
</span>
<span class='textContent'>Hello</span>
Run Code Online (Sandbox Code Playgroud)

Javascript事件处理程序

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

Sat*_*pal 6

您需要使用.parent() 获取父级的引用span,然后.next()可以在span兄弟之后立即使用目标.

$(this).parent().next('span.textContent')
Run Code Online (Sandbox Code Playgroud)

  • 你的意思是*叔叔*然后呢? (2认同)