如何使用 jQuery 获取文本区域父级

Question

我遇到这种情况：

<div class='postit_popup' id='xxx'>
   <div style='margin-left:20px;margin-top:20px;text-align:justify;'>
      <textarea class'txtNota'>some text</textarea>
   </div>
   <div class='clear'></div>
   <div style='margin-left:20px;' align='left'>
      <img class='okNota' src='img/ico/task-completed.png' height='20' width='20'>&nbsp;
      <img class='cancewlNota' src='img/ico/button_cancel.png' height='20' width='20'>
   </div>
</div>

当单击“okNota”类的图像时，我需要获取文本区域中的内容。

我是这样做的：

$(".okNota").click( function() {

   var obj = $(this).parent().parent();

   alert(obj.children(0).children(0).val());
});

但我需要知道是否还有其他方法来获取它。

非常感谢。

Answer 1

尝试：

$(this).parents(".postit_popup").find("textarea").val();

或者，如果 .postit_popup 中有多个文本区域，则使用：

$(this).parents(".postit_popup").find(".txtNota").val();

这样做的作用是从 .okNota 向上遍历 DOM，直到 .postit_popup找到 >，然后返回 DOM 以查找 textarea 或具有 .txtNota 类的元素。

Answer 2

这有帮助吗： http://jsfiddle.net/vgtQR/

编辑（对于 JohnP）

HTML

<div class='postit_popup' id='xxx'>
   <div style='margin-left:20px;margin-top:20px;text-align:justify;'>
      <textarea class='txtNota'>some text</textarea>
   </div>
   <div class='clear'></div>
   <div style='margin-left:20px;' align='left'>
       <div class='okNota'>OK Image</div>
   </div>
</div>

JS

$('.okNota').click( function() {
   alert($('.txtNota').val());
});

Answer 3

$(".okNota").click( function() {     
var value = $('.txtNota').val();
 }); 

这会起作用。您缺少“=”。

<textarea class = 'txtNota'>some text</textarea> 

Answer 4

使用：

$(this).closest(".postit_popup").find("textarea").val();