javascript - 如何检查 div 中的 span 是否包含特定文本？

Question

参见 my jsFiddle我从下拉列表中创建跨度列表并填充输入字段。

我不想让用户一遍又一遍地插入相同的值(因此，如果您输入“Galileo Galilei”，如果之前不删除，则无法再次插入)。

我正在尝试类似的事情(就在“var creaIdRimuovi”之后):

var contenutoAttuale = $("#contenitorePersone").text();
if (contenutoAttuale.indexOf(personaSelezionataId) > 0){
    alert("presente"); //just to check if the string is founded
}

或者还有

if ("contenutoAttuale:contains('"+personaSelezionataId+"')"){
    alert("presente");
}

并且这两个解决方案都不起作用(也有 else 条件)。

我该怎么做？我读到 contains() 方法现已弃用，我在我的项目中使用 1.11。

Answer 1

您的第二个代码示例是正确的，但是需要将选择器提供给 jQuery 对象，然后您还需要检查该对象的 length 属性。试试这个:

if ($('#contenitorePersone').find('span:contains("' + personaSelezionata + '")').length != 0) {
    alert('presente');
    return;
}  

Updated fiddle

return 语句退出事件处理函数，因此阻止新的 div 被追加，因为它已经存在。