Ошибка в изменяющемся этикетке значения

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

Вам не нужно использовать closest как label внутри div

вы можете сделать этот путь -

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

, или если у вас есть несколько лейбла и хотите для доступа к первой -

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