JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>
<p class="element">Lorem ipsum</p>
<input/>
</li>
<li>
<p class="element">Lorem ipsum</p>
<input/>
</li>
<li>
<p class="element">Lorem ipsum</p>
<input/>
</li>
<li>
<p class="element">Lorem ipsum</p>
<input/>
</li>
</ul>
JavaScript
$('.element').each(function() {
$mainElement = $(this); // memorize $(this)
$sibling = $mainElement.next('input'); // find a sibling to $this.
$sibling.change(function($mainElement) {
return function() {
$mainElement.text('My textfield changed');
}
}($mainElement));
});