Javascript 如何使用jQuery删除重复的内容/值
所以,我有一个span元素,我在其中附加了一些内容-有时这个内容是重复的。如何删除与另一个重复的值 这是我的输出html的外观:Javascript 如何使用jQuery删除重复的内容/值,javascript,jquery,duplicates,Javascript,Jquery,Duplicates,所以,我有一个span元素,我在其中附加了一些内容-有时这个内容是重复的。如何删除与另一个重复的值 这是我的输出html的外观: <span class="some_class"> "value01" "value01" "value02" "value03" "value03" </span> “价值01” “价值01” “价值02” “价值03” “价值03” 我不能添加任何函数,因为我不知道怎么做,你能帮我吗?如果这些值
<span class="some_class">
"value01"
"value01"
"value02"
"value03"
"value03"
</span>
“价值01”
“价值01”
“价值02”
“价值03”
“价值03”
我不能添加任何函数,因为我不知道怎么做,你能帮我吗?如果这些值是由JS代码添加的,那么你可以这样做: 您只需创建一个对象,该对象将存储放置在此范围内的所有字符串,然后在插入之前检查此插入字符串是否已在存储对象中
function(event) {
var textareaValue = textarea.value();
if(insertedTexts[textareaValue]) {
event.preventDefault();
textarea.value('');
} else {
insertedTexts[textareaValue] = true;
someSpan.append("\""+textareaValue+"\"");
}
}
如果这些值已经在范围内,请按如下方式使用函数:
var someSpan = $('.some_class');
var insertedTexts = [];
var result = someSpan.text().match(/"\w+(?=\")/gm);
result = result.map(function(value) {
return value.substring(1,value.length);
});
result.forEach(function(value) {
if(insertedTexts.indexOf(value) === -1) {
insertedTexts.push(value);
}
});
var newSpanText = "\""+insertedTexts.join('""')+"\"";
someSpan.text(newSpanText);
console.info(result, insertedTexts);
它正在重建跨文本(修剪等),但保留了主要功能
JSFIDLE工作副本:
创建一个数组变量
var vals = [];
它跟踪项目。然后,在将项目附加到范围检查的函数中:
if (vals.indexOf("Mynewvalue") > -1) {
// Add to the span...
}
我会修改附加重复数据的代码。嘿,伙计,你想做什么?简单描述一下!你在函数的帮助下附加数据,你想再增加一个函数来检查之前是否存在该值,如果是,那么就不要附加?我需要检查这个范围的内容,如果我有一些重复的值,需要保留其中一个…使用jsfiddle(sry,我的更改没有保存-其他方面有小错误)-你需要修改这个“按钮”如果这些值以另一种方式添加,则为。这是唯一的建议。这将只适用于已清除的范围(如果您需要清除之前被丑化的范围,那么您需要另一个解决方案)。好的,但我需要在将内容添加到范围后执行此操作,这必须是我已填充范围的解决方案