按标签拆分数组并删除所有相似的元素

Question

我有一些带有文本的html页面，需要按字母小写从标记b输出所有内部HTML。 我只是一个初学者，所以不要严格。

我的代码在这里（例如，文本）： http : //jsfiddle.net/pamjaranka/ebeptLzj/1/

现在，我要：1）从标签abbr中保存内部HTML的大写； 2）从阵列中删除所有相似的元素（作为MAB）。

我试图找到一种按标签拆分数组的方法，但是我所做的只是：

for(var i=0; i<allbold.length; i++){
  labels[i] = allbold[i].innerHTML;
}
var searchTerm = ['abbr'];
var abbr = [];
var keywordIndex;
$.each(labels, function(i) {
  $.each(searchTerm, function(j) {
    var rSearchTerm = new RegExp('\\b' + searchTerm[j] + '\\b','i');
    if (labels[i].match(rSearchTerm)) {
      keywordIndex = i;
      for(var j=0; j<labels.length; j++){
        abbr[i] = labels[i];
      }
    }
  });
});

Answer 1

对所有大写字母使用映射元素“是此” ，否则在您评论后出现这种提琴

 var maplabels = [];
 for(var i=0; i<allbold.length; i++){
if (allbold[i].innerHTML != "Labels:") {
    if(maplabels.indexOf(allbold[i].innerHTML) == -1){
        maplabels.push(allbold[i].innerHTML);
        labels.push('<i>' + allbold[i].innerHTML.toUpperCase() + '</i>');
    }


}

}

Answer 2

Vanilla JS解决方案（无需库， 请参阅jsFiddle ）：

var allbold = document.querySelectorAll("b"),
    words = document.querySelector("#words"),
    labels = {}, i, word, keys, label;

// first, collect all words in an object (this eliminates duplicates)
for(i = 0; i < allbold.length; i++) {
    word = allbold[i].textContent.trim();
    if (word === 'Labels:') continue;
    labels[word.toLowerCase()] = word;
}

// then sort the object keys and output the words in original case
keys = Object.keys(labels).sort();
for(i = 0; i < keys.length; i++){
    label = document.createTextNode("SPAN");
    label.textContent = labels[keys[i]];
    words.appendChild(label);
    // add a comma if necessary
    if (i < keys.length - 1) {
        words.appendChild(document.createTextNode(", "));
    }
}

有一位助手：

String.prototype.trim = function () {
    return this.replace(/^\s+|\s+$/g, "");
};    

---

jQuery解决方案（ 请参阅jsFiddle ）：

$(".content b").map(function () {
    return $("<span>", {text: $.trim(this.textContent)})[0];
}).unique(function () {
    return lCaseText(this);
}).sort(function (a, b) {
    return lCaseText(a) < lCaseText(b) ? -1 : 1;
}).appendTo("#words");

有两个助手：

$.fn.extend({
    unique: function (keyFunc) {
        var keys = {};
        return this.map(function () {
            var key = keyFunc.apply(this);
            if (!keys.hasOwnProperty(key)) {
                keys[key] = true;
                return this;
            }
        });
    }
});

function lCaseText(element) {
    return element.textContent.toLowerCase();
}