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

时间:2014-12-02 10:14:19

标签: javascript arrays regex

我有一些带有文本的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];
      }
    }
  });
});

2 个答案:

答案 0 :(得分:0)

在您评论所需内容之后,使用映射元素THIS FIDDLE为所有大写this fiddle

 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>');
    }


}

}

答案 1 :(得分:0)

Vanilla JS解决方案(无需库,see 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解决方案(see 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();
}