0

jquery と n 番目の子セレクターを使用して、特定の div をターゲットにしようとしています。私が操作しようとしているコードは、cms のドラッグ アンド ドロップによって生成されるため、要素に ID を追加できません。別の問題は、すべてのクラスが同じであることです。いくつかの div にいくつかの ID を適用することができましたが、私が使用した小さな jquery スクリプトは、デバイスに応じてホバー/クリックで表示される隠し要素に ID を追加しません。

id を追加して div の一部を実行するために使用した小さなスクリプトを次に示します。

$(".tcElement").each(function(i){
    $(this).attr('id', 'id_'+(i+1));
});

私の質問は、xpath: //*[@id="id_32"]/div/div/div[2]/div を使用してクリック イベントを選択して div に追加する方法です。

私が使用しているjqueryは次のとおりです。

$("#id_32 > div:nth-child(4)").click(function(e) {
              $("#tab-2").click();
              e.preventDefault();
        });
});

システムによるコード出力は次のとおりです。

htmlのスクリーンショット

4

1 に答える 1

1

このタイプのアプローチは、HTML のわずかな変更で非常に簡単に壊れてしまいますが、次の方法を使用できます。

$('#id_32 > div > div > div:eq(1) > div').click(...);

ただし、これらの div 要素が動的に作成/追加されていないことを確認してください。そうしないと、上記のコードが機能しません..

于 2013-11-03T16:42:47.847 に答える