Как я могу ссылаться на значение textarea в другой ячейке таблицы?

Question

Я хочу сослаться на содержимое текстовой области, но получаю неопределенное значение:

$(".send-comment").click(function(e) {
    e.preventDefault();
    var data = $(this).siblings(".comment-text").val();
    alert(data);
});

<tr>
    <td>#textAreaTag(label=false, name="comment[text]", class="comment-text")#</td>
    <td>#submitTag(value="Send", class="send-comment")#</td>
</tr>

Я подозреваю, что это может быть из-за того, что кнопка отправки не имеет братьев и сестер (она одна в тд) ... но, конечно, должен быть лучший способ получить значение, чем использование this.parent (). .child () ...

Я использую классы, потому что у меня есть несколько форм комментариев на одной странице, которые принадлежат разным постам.

К вашему сведению, сгенерированный источник из моего фреймворка, как и ожидалось ...

Answer 1

Текстовое поле не является родственным для кнопки отправки (согласно вашему коду).Дочерний элемент родителя (parent td) родной кнопки (td) кнопки отправки является тегом submit.

, поэтому ваш код должен быть:

var data = $(this).parent().prev().find(".comment-text").val();

Answer 2

вы можете использовать $(this).closest('tr').find('.comment-text') например

Answer 3

Попробуйте это:

$(".send-comment").click(function(e) {     
    e.preventDefault();     
    var prevCell = $(this).parent().prev();
    var data = $(".comment-text", prevCell).val();     
    alert(data); 
}); 

Alternate:

$(".send-comment").click(function(e) {     
    e.preventDefault();     
    var data = $(".comment-text", $(this).closest("tr")).val();     
    alert(data); 
});