我们如何在 JQuery Append Function 中运行 If else 语句。？

Question

这是我的附加函数，我想在其中运行 if else 语句。数据以json格式传入。

$('#allproduct')
   .append('
    <div class="add-to-cart">'+if(item.quantity >0){+'<a class="item'+item.id+'" title="Add to Cart" href="javascript:void(0)">
    Add to Cart
    </a>'+}else{+'
   a class="item'+item.id+'" title="Add to Cart" href="javascript:void(0)">
   SOLD OUT
    </a>'+}+'
    </div>');

Answer 1

你可以只声明一个 html 变量，随心所欲地构建它，然后将它传递给 append 函数。

但是，如果您坚持在字符串的构建中使用if 条件，您可以使用ternary condition 作为：

.append('< some html >' +
        (item.quality > 0 ? 'a possibility' : 'another possibility') +
        '</some html>');

如果质量>0，<some html> 将包含a possibility，如果条件为假，则包含another possibility

适应您的情况：

$('#allproduct').append(
   '<div class="add-to-cart">'+
   ( item.quantity >0 ? 
        '<a class="item'+item.id+'" title="Add to Cart" href="javascript:void(0)">
             'Add to Cart' +
        '</a>' 
   :
        '<a class="item'+item.id+'" title="Add to Cart" href="javascript:void(0)">
             'SOLD OUT' +
        '</a>' 
    ) +
</div>');

Answer 2

你可以先构建 HTML 字符串，然后追加：

var htmlStr = '...';
if(condition) htmlStr += '...';
...

$('#allproduct').append(htmlStr);