找到元素并设置值

Question

我有一个id为hover-1的div元素，在div中我有一个在层次结构中具有类名text_page_title的隐藏表单元素。我在一个变量中动态地获得了父div元素id，现在我希望找到类名为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');

您将确保只获得隐藏的输入