JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div>
<a href="#" class="enableTextBox">edit</a>"
<input value='comment one' type="text" class="comments" readonly="readonly" />
</div>
<div>
<a href="#" class="enableTextBox">edit</a>"
<input value='comment two' type="text" class="comments" readonly="readonly" />
</div>
<div>
<a href="#" class="enableTextBox">edit</a>"
<input value='comment three' type="text" class="comments" readonly="readonly" />
</div>
JavaScript
$('.enableTextBox').click(function() {
var $comments = $(this).siblings('.comments');
alert( $comments.val() );
return false; // Prevent page refresh
});