jQueryを使用して要素のタイトル属性を変更する方法 質問する

コードを書く前に、属性とプロパティの違いについて説明しましょう。属性は、HTML マークアップ内の要素に適用する設定です。ブラウザはマークアップを解析し、属性の値で初期化されたプロパティを含むさまざまなタイプの DOM オブジェクトを作成します。単純な などの DOM オブジェクトでは、ほとんどの場合、属性のコレクションではなく、そのプロパティHTMLElementを操作することになります。

現在のベスト プラクティスは、カスタム属性であるか、それを補完する同等のプロパティがない限り、属性の使用を避けることです。 は多くの でtitle読み取り/書き込みプロパティHTMLElementとして実際に存在するため、これを活用する必要があります。

属性とプロパティの違いの詳細については、ここまたはここを参照してください。

これを念頭に置いて、それを操作してみましょうtitle...

jQuery を使わずに要素のtitleプロパティを取得または設定する

はパブリック プロパティなのでtitle、プレーンな JavaScript を使用して、それをサポートする任意の DOM 要素に設定できます。

document.getElementById('yourElementId').title = 'your new title';

検索はほぼ同じで、特別なことは何もありません。

var elementTitle = document.getElementById('yourElementId').title;

最適化にこだわる人にとってはこれがタイトルを変更する最も早い方法ですが、jQuery を関与させたい場合、次のようになります。

jQuery を使用して要素のtitle プロパティを取得または設定する(v1.6+)

jQuery は、プロパティを取得および設定するための新しいメソッドをバージョン 1.6 で導入しました。title要素のプロパティを設定するには、次を使用します。

$('#yourElementId').prop('title', 'your new title');

タイトルを取得する場合は、2 番目のパラメータを省略し、戻り値を取得します。

var elementTitle = $('#yourElementId').prop('title');

jQuery のprop()API ドキュメントを確認してください。

実際にプロパティを使用したくない場合、または jQuery の v1.6 より前のバージョンを使用している場合は、以下をお読みください。

jQuery を使用して要素のtitle 属性を取得または設定する(バージョン <1.6)

次のコードを使用してtitle 属性を変更できます。

$('#yourElementId').attr('title', 'your new title');

または、次のように取得します。

var elementTitle = $('#yourElementId').attr('title');

jQuery のattr()API ドキュメントを確認してください。