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

Question

我想更改每页记录数文本但是当我更改标签文本时:select 标签已删除。请指教。

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

j查询:

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

Answer 1

获取文本节点并用新文本替换它。使用 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>