Question

我有一个脚本，它根据元素中的文本字符串设置横幅。事实证明，如果产品是特定产品，我需要设置不同的横幅 - 在这种情况下是思科。因此，在脚本的第二部分中，我如何添加以便脚本显示另一个横幅，如果第一个条件与第二个条件相遇，其中标题中的文本字符串符合，在这种情况下＆＃34;思科＆＃34 ;？

标题元素：

.productbox .head h1

剧本：

$(document).ready(function(){
    if ($('span.conditionHilite').text() === "Approved Selection ONE"){
        $(".productbox .item .right")
          .before( '<span class="myAwesomeBanner"> </span>'  );
    }
    else if ($('span.conditionHilite').text() === "Approved Selection" ){
        $(".productbox .item .right")
          .before( '<span class="myAwesomeBanner2">    </span>' );
    }
});

Answer 1

$(document).ready(function(){
    if ($('span.conditionHilite').text() === "Approved Selection ONE"
          && $('.head h1').text().indexOf("Cisco") > -1 )
    {
        $(".productbox .item .right")
          .before( '<span class="myAwesomeBanner"> </span>'  );
    }
    else if ($('span.conditionHilite').text() === "Approved Selection" ){
        $(".productbox .item .right")
          .before( '<span class="myAwesomeBanner2">    </span>' );
    }
});

我添加了第二个条件，您可能需要根据需要进行修改。在此处了解有关逻辑运算符的更多信息：http://www.w3schools.com/js/js_comparisons.asp

注意：您可以在同一行中写条件，因为可见性，我只使用了新行。

Answer 2

$(document).ready(function(){
  var text = $('span.conditionHilite').text();
  var $el = $(".productbox .item .right");
  if (text === "Approved Selection ONE"){
    // do something here and then continue with the inner if
    // nested if:  
    if ($('.head h1').text() === "Cisco") {
      // do whatever you need to do when this second condition is met...
      $el.before('<span class="ciscoBanner"></span>');
    } else {
      $el.before( '<span class="myAwesomeBanner"></span>'  );
    }
  } else if (text === "Approved Selection" ){
      $el.before( '<span class="myAwesomeBanner2"></span>' );
  }
});

向此脚本添加第二个if语句，

2 个答案: