bugfix> javascript > 投稿

単語「チーズ」を含むクラス.title-barを持つdiv内のh1要素を検索する方法は? チーズが見つかった場合、クリックイベントを追加してabcx.com/cheeseにリダイレクトします。

これは私がこれまでに試したことです:

jQuery(document).ready(function(jQuery){
    jQuery("span.xoo-cp-close.xoo-cp-icon-cross")
        .contains('.title-bar h1' "Cheese")
        .attr( "onClick", "window.location.href('abcx.com/cheese')" );
});

助けてくれてありがとう

回答 1 件
  • HTMLマークアップが次のようになっていると仮定します。

    <span class="xoo-cp-close xoo-cp-icon-cross">
      <div class="title-bar">
        <h1>Cheese</h1>
      </div>
    </span>
    
    

    このように準備するだけで、ドキュメント上のすべてのh1を繰り返すことができます。

    jQuery(document).ready(function() {
      jQuery(".title-bar h1", "span.xoo-cp-close.xoo-cp-icon-cross").each(function() {
        var $h1 = jQuery(this),
          h1Text = $h1.text().trim().toLowerCase();
        if (h1Text.indexOf("cheese") > -1) {
          $h1.attr("onClick", "window.location.href('abcx.com/cheese')");
        }
      });
    });
    
    

    上記のコードはすべての h1 を繰り返します  クラス .title-bar を持つ要素内  これは、両方のクラス xoo-cp-close を含むspan要素の子孫です  および xoo-cp-icon-cross

あなたの答え