如何更改包含输入标签的标签文本？

Question

我要更改每页记录文本但 当我更改标签文本时：select标签已删除。 请指教。

<div id="dynamic-table_filter" class="dataTables_filter"> 
     <label>Search:  
      <input aria-controls="dynamic-table" type="text"> 
     </label> 
    </div> 

的jQuery：

$('#dynamic-table_filter label').text('جستجو'); 

Answer 1

获取textNode并用新的文本替换它。使用contents()让所有孩子，包括文字和注释节点，因为textNode是它可以通过eq(0)获取然后使用replaceWith()更换内容的第一个子节点。

$('#dynamic-table_filter label').contents().eq(0).replaceWith('جستجو');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="dynamic-table_filter" class="dataTables_filter"> 
 
    <label>Search: 
 
    <input aria-controls="dynamic-table" type="text"> 
 
    </label> 
 
</div>

---

使用纯JavaScript

document.querySelector('#dynamic-table_filter label').firstChild.nodeValue = 'جستجو';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="dynamic-table_filter" class="dataTables_filter"> 
 
    <label>Search: 
 
    <input aria-controls="dynamic-table" type="text"> 
 
    </label> 
 
</div>