php - 我们如何在 JQuery Append 函数中运行 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 变量，按照您想要的方式构建它，然后将其传递给附加函数。

但是，如果您坚持使用 if字符串构建内的条件，您可以使用 ternary condition如:

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

哪里<some html>将包含a possibility如果质量 >0 且 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>');