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字符串，然后附加：

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="org.Activity">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/coupon"
    android:scaleType="fitXY" />
</RelativeLayout>

Answer 2

您可以声明一个html变量，然后根据需要构建它，然后将其传递给append函数。

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

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

如果质量＆gt; 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>');

适应您的情况：

{{1}}

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

2 个答案: