找到元素并设置值

Question

我有一个id为hover-1的div元素，在div中我有一个隐藏的表单元素，在层次结构中有类名text_page_title。 我在变量中得到父div元素id dyanamically，现在我想找到具有类名text_page_title的隐藏元素并将其值设置为'foo'

结构就像：

<div id="hover-1">
<input type="hidden" class="text_page_title">
</div>
<div id="hover-2">
<input type="hidden" class="text_page_title">
</div>

我试图这样做：

$($parentId).find('input.text_page_title').val('foo');

但它不起作用，我错过了什么？

Answer 1

这有效：

$("#hover-1").find('input.text_page_title').val('foo'); // or $("#hover-2")

如果您希望您的父ID在变量中：

var parentId = $("#hover-1"); // or $("#hover-2");
parentId.find('input.text_page_title').val('foo');

working jsFiddle

Answer 2

假设parentId是包含id字符串（“hover-1”）的变量名，你应该像这样重写你的问题：

$('#'+parentId).find('input.text_page_title').val('foo');

Answer 3

如果$ parentId是父ID：

$('#'+$parentId).find('input.text_page_title:hidden').val('foo');

您一定会获得隐藏的输入

Answer 4

使用此代码：

 $("#hover-1").find(".text_page_title").val('foo');