javascript - 分割空数据给出非空结果

Question

console.log($('.imgactive').data('tags'));  // empty

$('#tagsup').html("");
var arr = $('.imgactive').data('tags').split('***');
arr.forEach(function(el) {
    el.trim();
    var ob = $("<div class='tagup'>" + el + "</div>");
    ob.appendTo('#tagsup');
});
console.log($('#tagsup').html());

结果:

<div class="tagup"></div>

我期望 tagsup 为空，因为 imgactive 的 data('tags') 为空。

Answer 1

代码是正确的，并返回一个空结果，实际上您创建了元素并向其提供空结果，因此您可以检查是否没有数据，不要创建元素

如果你根本不想创建元素，你可以这样做

if(el.length > 0){
    var ob = $("<div class='tagup'>" + el + "</div>");
        ob.appendTo('#tagsup');
    }

或者你可以提前做

console.log($('.imgactive').data('tags'));  // empty

$('#tagsup').html("");
if($('.imgactive').data('tags')){
var arr = $('.imgactive').data('tags').split('***');

arr.forEach(function(el) {
    el.trim();
    var ob = $("<div class='tagup'>" + el + "</div>");
    ob.appendTo('#tagsup');
});
}
console.log($('#tagsup').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="imgactive">
</div>