jquery - 使用 contains() 选择器和 Replace() 替换元素文本

Question

我有一些带有语言选项的列表:

<ul class="dropdown-menu">
   <li><a href="#">English (English)</a></li>
   <li><a href="#">Polski (Polish)</a></li>
</ul>

我正在尝试将每个 English (English) 更改为 EN，但没有结果

$('a:contains("English (English)")').html().replace('English (English)', 'EN');

我做错了什么？

Answer 1

您没有更新元素文本，只是更新返回的字符串。使用html() 具有根据旧的html内容进行更新的功能。

$('a:contains("English (English)")').html(function(i, v) {
  return v.replace('English (English)', 'EN');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="dropdown-menu">
  <li><a href="#">English (English)</a>
  </li>
  <li><a href="#">Polski (Polish)</a>
  </li>
</ul>