对于每个范围数据，请获取ID并从JSON响应中检查ID

Question

我正在尝试检查使用ajax发送的任何id和响应json从json获取id，然后检查是否有一个id插入span，然后将其添加，但不起作用，总是在添加越来越多的东西

jQuery的

e.results.forEach(function(e) {
    var name = e.name;
    var id = e.id;
    if ($(".visitors span").length) {
        $('.visitors span').each(function() {
            var data_id = $(this).attr('data-id');
            if (data_id != id) {
                $(".visitors").append("<span data-id='" + id + "'>" + name + "</span>");
            }
        });
    } else {
        $(".visitors").append("<span data-id='" + id + "'>" + name + "</span>");
    }
});

Answer 1

虽然我认为您的代码是正确的，但是有一个建议：与其循环遍历您要附加的跨度，不如检查是否存在具有data-id的跨度（使用CSS Attribute-Equal Selector ），如果不附加新的跨度，例如这个：

e.results.forEach(function(e) {
    var name = e.name;
    var id = e.id;

    var $span = $(".visitors span[data-id = '" + id + "']"); // select all the spans that have the data-id equal to id
    if (!$span.length) { // if there is none
        $(".visitors").append("<span data-id='" + id + "'>" + name + "</span>"); // then add a new one
    }
});