如何通过文本内容查找并替换HTML列表中的指定列表项？

你说得太对了——依赖索引的slice()方式确实非常脆弱，只要列表里新增、删除或者调整任何一个项，你的选择器就会失效。直接通过文本内容定位元素才是更稳健的做法，这里有两种靠谱的实现方式：

1. 快速包含匹配 #

如果确定页面里只有一个"Banana"，或者所有包含"Banana"的<li>都需要替换，可以用jQuery的:contains()选择器：

$("li:contains('Banana')").text("Watermelon");

这个选择器会匹配所有文本中包含"Banana"的<li>元素，然后直接替换它的文本内容。

2. 精确完全匹配 #

如果担心有其他元素的文本里也包含"Banana"（比如"Banana Smoothie"），可以用filter()方法做精确匹配，还能处理文本前后可能存在的空格：

$("li").filter(function() {
  // trim()去除首尾空格，确保和目标文本完全一致
  return $(this).text().trim() === "Banana";
}).text("Watermelon");

这种方式只会替换文本完全等于"Banana"的<li>，精准度更高。

两种方法都摆脱了对元素位置的依赖，不管你的列表结构怎么调整，只要目标文本存在，就能准确找到并替换~

内容的提问来源于stack exchange，提问作者amitabh Srivastava