数据仅用于单击div

时间:2011-03-14 11:25:48

标签: javascript jquery

大家早上好。

我怀疑。我有一个div列表。 textarea里面有文字和里面。按钮事件的文本。想要仅获取单击按钮的人的textarea div中的数据。

我非常感谢你的帮助。感谢

示例代码。

<div class="text">
 <textarea id="texts" class="texts" rows="5" cols="45" name="textarea"> </ textarea>
 <div class="bt" id="1234556">
  <div class="button"> Send </div>
 </div>
</div>

3 个答案:

答案 0 :(得分:2)

$('.button').click(function() {
    var text = $('#texts').val();

    // do something with text
    alert(text);
});

http://jsfiddle.net/PPcxm/

的工作演示

答案 1 :(得分:1)

只要您具有相同的结构(假设您在页面上有多个示例,因为按钮是一个类而textarea是一个id,以下内容将起作用:

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

   var text = $(this).parent().prev().val();

});

答案 2 :(得分:0)

由于您有一个div.text列表,您最好根据DOM的结构进行查询。

$(".button").click(function() {
    var $textArea = $(this).parents(".text").find(".texts");
    //Do something with $textArea.Val();
});

我们只是在当前.parents()上调用div.button,这样我们就可以获得div.text元素。从那里,您只需找到textarea.texts元素并获取相应的值。

jsfiddle上的代码示例。