Jquery -只删除匹配的文本一次
Jquery -只删除匹配的文本一次
提问于 2019-03-13 10:32:06
下面的代码运行在具有类.removeFood的项列表中。如果单击的食物名称与列表中的项目匹配，则将其替换为空白文本。
示例列表：
烤干酪辣味玉米片
薯条
烤干酪辣味玉米片
汉堡
烤干酪辣味玉米片
问题：，如果列表中有重复项，它将删除所有匹配项。因此，在上面的列表中，它将删除所有3个“玉米片”--我如何只删除第一个匹配项？
$(".removeFood").click(function() {
$(this).text('')
if (food1.trim() == removeThis.trim()){
$("#newFoodName1" ).text('')
}
if (food2.trim() == removeThis.trim()){
$("#newFoodName2" ).text('')
}
if (food3.trim() == removeThis.trim()){
$("#newFoodName3" ).text('')
}
if (food4.trim() == removeThis.trim()){
$("#newFoodName4" ).text('')
}
if (food5.trim() == removeThis.trim()){
$("#newFoodName5" ).text('')
}
})回答 2
Stack Overflow用户
回答已采纳
发布于 2019-03-13 10:45:19
对代码中连续的ifs使用"else if“。如果所有条件都是" If“，它将执行所有这些条件。
Stack Overflow用户
发布于 2019-03-13 10:58:31
使用switch而不是if更好地使用相同变量的验证数量
$(".removeFood").click(function() {
$(this).text('')
switch (removeThis.trim()) {
case food1.trim():
$("#newFoodName1").text('')
break;
// like wise
}
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55139714
复制相关文章
相似问题
腾讯云开发者
