javascript - 通过文本连接 2 个列表并添加值

Question

我想将括号中的值从第二个列表传输到第一个列表。我尝试这样做:

$('#views-exposed-form-cat-watch-block .form-type-radio label.option').each(function(){
    var a = this;
    $('#block-views-tags-block .views-field-name a').each(function(){
        var b = this;
        if($(a).text().indexOf(b)!=-1){         
            var c = $(b).closest('.views-row').find('.views-field-nid .field-content').text();
            $(a).after('<span>'+c+'</span>');
        }
    });
});

这是我的示例:http://jsfiddle.net/0xm6xzLb/1/它应该看起来像这样:

Word (4)
Word2 (1)
Word3 (2)

Word 
(4)
Word2 
(1)
Word3 
(2)

Answer 1

你的几乎可以工作了。我对您提供的版本进行的唯一更改是以下行:

if($(a).text() == $(b).text())

您提供的版本的问题是 b 是一个 DOM 元素，因此 indexof 将始终返回 -1。将 b 转换为文本后，一切都会正常。接下来您会注意到，因为您使用的是索引，所以第一个项目 Word 在所有三个项目中显示为子字符串。为了绕过这个问题，我只是将其设置为文本必须相等，以防止这种重叠。

$(function() {
    $('#views-exposed-form-cat-watch-block .form-type-radio label.option').each(function(){
        var a = this;
        $('#block-views-tags-block .views-field-name a').each(function(){
            var b = this;
            if($(a).text() == $(b).text()){
                var c = $(b).closest('.grid-1-4').find('.views-field-nid .field-content').text();
                $(a).after('<span>'+c+'</span>');
            }
        });
    }); 
});