苦苦挣扎的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)
您需要使用.parent() 获取父级的引用span,然后.next()可以在span兄弟之后立即使用目标.
$(this).parent().next('span.textContent')
Run Code Online (Sandbox Code Playgroud)