jquery - クリックした要素にクラスを追加する

Question

クリックした要素にクラスを追加しようとしています。一意の ID を持つ要素が複数あるため、要素の ID が「わかりません」。

これを実現するために、以下のコードの修正版を使用できますか?

Jクエリ:

$(document).ready(function () {
    $(this).on('click', function () {
        $(this).addClass('widget-selected');
    });
});

編集：

マークアップは次のようになります。

<h1 id="textHolder1" contenteditable="true">Text to edit</h1>

score 1 · Accepted Answer

要素のタイプと親、子、その要素に導くことができるものに依存します。要素がアンカーであるとしましょう。

$(document).ready(function () {
    $('a').on('click', function () {
        $(this).addClass('widget-selected');
    });
});

または、すべての要素が親クラスの子ですparent

$(document).ready(function () {
    $('.parent a').on('click', function () {
        $(this).addClass('widget-selected');
    });
});

これを達成する方法はたくさんあります

HTMLコードを投稿した場合、非常に役立ちます

ID を動的に生成している場合は、次のような文字列を作成できます。

var str = "#firstID,#secondID,#third,#fourth";

そして、このように使用します

$(document).ready(function () {
    $(str).on('click', function () {
        $(this).addClass('widget-selected');
    });
});

これがあなたの目標につながることを願っています

編集

HTML を追加したら、次の内容を確認してください。

または、次を使用して選択できますcontenteditable=true

ここの人々の何人かは、開始属性に関する回答を追加しました

5 に答える 5