2017/01/17

jQueryで文字列判定して表示を変える






ECサイトのサイドナビとかで良くある「完売」の表示。
文字列を判定して、「完売の場合は薄くして打ち消し線を入れる」というのをjQueryでやっています。











$(function() {
  $(".soldout").each(function() {
    var soldout = $(this);
    if (soldout.text().indexOf("完売したよ") >= 0) { //この文字列がある場合
     soldout.parent("li").children("a").css("text-decoration","line-through");
     soldout.parent("li").find("a").css("opacity","0.5");
    }
  });
});