разделительный текст в jquery

Question

У меня есть следующий код jQuery.

innerHtml = innerHtml + '<div class="compare-box '+ $(this).attr("offertype") +'"> <div class="compare-close"><span class="closed" onclick="RemoveCompareOffer(\''+ $(this).attr("id") + '\')"><i class="fa fa-times"></i></span></div>' 
      + '<div class="compare-logo"><img src="' + $(this).attr("imagelink") + '" /></div><p>' + $(this).attr("offername") + '</p>' 
      + '<input type="button" value="View Details" class="viewbtn" onclick="CallOfferRenderAction(\'' + $(this).attr("offercode") + '\',\'' + $(this).attr("providercode") + '\')" /></div>'; 

Всякий раз, когда $(this).attr("offertype") содержит special-box specialoffer Я хочу, чтобы разделить и заменить его specialoffer-compare. Как я могу это сделать?

Answer 1

Используйте временную переменную и indexOf(), чтобы проверить, если строка содержит подстроку, как показано ниже: -

var temp = $(this).attr("offertype"); 
temp = temp.indexOf("special-box specialoffer") > -1 ? "specialoffer-compare" : temp; 

innerHtml = innerHtml + '<div class="compare-box '+ temp +'"> <div class="compare-close"><span class="closed" onclick="RemoveCompareOffer(\''+ $(this).attr("id") + '\')"><i class="fa fa-times"></i></span></div>' 
      + '<div class="compare-logo"><img src="' + $(this).attr("imagelink") + '" /></div><p>' + $(this).attr("offername") + '</p>' 
      + '<input type="button" value="View Details" class="viewbtn" onclick="CallOfferRenderAction(\'' + $(this).attr("offercode") + '\',\'' + $(this).attr("providercode") + '\')" /></div>';