如何用jQuery选择textarea的类型和父div?

时间:2013-06-18 22:16:39

标签: javascript jquery jquery-selectors textarea

我需要用jQuery选择一个textarea,我的选择器代码不起作用。

这就是我所拥有的:

HTML:

<div id="textareaContainer">
    <textarea>
this is text
    </textarea>
</div>

JS(onload):

jQuery("#textareaContainer > input[type=textarea]").val("");

JSFiddle:http://jsfiddle.net/EVvfT/

加载页面时,不会覆盖textarea的值。不幸的是我无法设置textarea的id或类,这就是为什么我需要选择它作为它所在的div的子项。

如何让它发挥作用?

4 个答案:

答案 0 :(得分:3)

只是textarea

jQuery("#textareaContainer > textarea").val("");

jsFiddle here.

如果有多个<textarea>,您可以使用first()获取第一个,last()获取最后一个,或eq()选择其中任何其他人。< / p>

答案 1 :(得分:1)

只抓住第一个: jQuery("#textareaContainer > textarea:first").val("");

答案 2 :(得分:0)

您可以选择它:

$('textarea > #parentId').val()

或者:

$('textarea > div[class="something"]').val() 

答案 3 :(得分:0)

如果您有textarea并且想要测试以查看父母是否符合您的要求,您可以这样做:

var $textarea = $('#textarea'),
    $parent = $textarea.parent(),
    isGoodParent = $parent.is('#textareaContainer');

// isGoodParent is true if the textarea's parent matches the selector `#textareaContainer`