Choosing the next space with className with jQuery selector

Question

Fighting a jquery selector to select

<span class='textContent'> 

when the edit_click class is clicked. Any help would be greatly appreciated.

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

Javascript event handler

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

Answer 1

You need to use .parent()to get the parent’s link span, then .next()you can use on spanfor immediate targeting right after your sibling.

$(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, .