如何在li中添加一些文本而不使用jquery替换现有文本？

Question

我目前正在处理一个列表，我的要求是每当用户点击一个单选按钮时，我想在li项目的开头附加一些文本。 我尝试过使用JQuery .text（）函数，但它取代了我不想放弃的现有内容。

$("#" + condition + "-q").find("li:first").text("NOT")

任何帮助都将不胜感激。谢谢

Answer 1

使用.append方法添加文本而不是替换：

$("#" + condition + "-q").find("li:first").append("NOT");

Answer 2

首先找到当前文本，然后将该文本以及任何其他文本添加到元素中。

var text = $("#" + condition + "-q").find("li:first").text();
$("#" + condition + "-q").find("li:first").text(text+"NOT")

Answer 3

您可以使用.text()的回调函数来修改现有值并返回需要设置的新值：

$("#" + condition + "-q").find("li:first").text(function(i,oldtext){
   return "NOT" + oldtext ;
})