更改标签值时出错

Question

我有以下代码（从jquery datatables插件生成）

<div class="dataTables_filter" id="DataTables_Table_0_filter">
<label>Search: 
<input type="text" aria-controls="DataTables_Table_0">
</label>
</div>

我想操纵标签文本并写下以下代码，有人可以指出我出错的地方。

$("#DataTables_Table_0_filter").closest("label").html("filter");

Answer 1

那不行。 closest()查找DOM元素的层次结构。您可以使用以下代码中的find()：

$("#DataTables_Table_0_filter").find("label").html("filter");

但是，这也会从<input>中移除<label>元素。您必须将<input>元素的代码添加到传递给html()函数的字符串中。

Answer 2

也许$("#DataTables_Table_0_filter").find("label").html("filter");

Answer 3

由于label位于div

内，您无需使用closest

你可以这样做 -

$("#DataTables_Table_0_filter label").html("filter");

或者如果您有多个标签，并且想要访问第一个 -

$("#DataTables_Table_0_filter label:first").html("filter");