回答:
コードを書く前に、属性とプロパティの違いについて説明しましょう。属性は、HTMLマークアップの要素に適用する設定です。次に、ブラウザーはマークアップを解析し、属性の値で初期化されたプロパティを含むさまざまなタイプのDOMオブジェクトを作成します。simpleなどのDOMオブジェクトでは、HTMLElement
ほとんどの場合、属性コレクションではなく、そのプロパティを操作する必要があります。
現在のベストプラクティスは、カスタムであるか、それを補足する同等のプロパティがない場合を除き、属性の操作を回避することです。title
確かに多くのに読み取り/書き込みプロパティとして存在するのでHTMLElement
、それを利用する必要があります。
属性とプロパティの違いについて詳しくは、こちらまたはこちらをご覧ください。
これを念頭に置いて、それを操作してみましょうtitle
...
title
プロパティを取得または設定する以来title
公共の財産である、あなたはそれはプレーンなJavaScriptでサポートしている任意のDOM要素にそれを設定することができます。
document.getElementById('yourElementId').title = 'your new title';
検索はほとんど同じです。ここでは特別なことは何もありません:
var elementTitle = document.getElementById('yourElementId').title;
これは、最適化のナットを使用している場合にタイトルを変更する最も速い方法ですが、jQueryを使用する必要があるためです。
title
プロパティを取得または設定する(v1.6以降)jQueryは、プロパティを取得および設定するための新しいメソッドをv1.6で導入しました。title
要素にプロパティを設定するには、以下を使用します。
$('#yourElementId').prop('title', 'your new title');
タイトルを取得したい場合は、2番目のパラメーターを省略して戻り値を取得します。
var elementTitle = $('#yourElementId').prop('title');
jQuery のprop()
APIドキュメントを確認してください。
あなたがいる場合、実際にプロパティを使用したくない、またはあなたがバージョン1.6より前のjQueryのバージョンを使用している、あなたは上でお読みください:
title
属性を取得または設定する(バージョン<1.6)次のコードでtitle
属性を変更できます。
$('#yourElementId').attr('title', 'your new title');
または、次のコマンドで取得します。
var elementTitle = $('#yourElementId').attr('title');
jQuery のattr()
APIドキュメントを確認してください。
jquery uiモーダルダイアログでは、次の構成を使用する必要があります。
$( "#my_dialog" ).dialog( "option", "title", "my new title" );
私は信じる
$("#myElement").attr("title", "new title value")
または
$("#myElement").prop("title", "new title value")
トリックを行う必要があります...
書式設定は嫌いですが、jQuery Docsですべてのコア関数を見つけることができると思います。
別のオプションは、必要に応じて、jQueryオブジェクトからDOM要素を取得し、それに標準のDOMアクセサーを使用することです。
$("#myElement")[0].title = "new title value";
他の人が述べた「jQueryの方法」は、attr()メソッドを使用することです。attrのためのAPIドキュメント()を参照してくださいここに。
jqueryTitle({
title: 'New Title'
});
最初のタイトル:
jqueryTitle('destroy');
@Cᴏʀʏ回答に加えて、ツールチップのタイトルがHTML要素で手動で設定されていないことを確認してください。私の場合、ツールチップのスパンクラスには固定のタイトルテキストが既にありました。$('[data-toggle="tooltip"]').prop('title', 'your new title');
。がしませんでした。
HTMLスパンクラスのtitle属性を削除すると、jQueryが機能していました。
そう:
<span class="showTooltip" data-target="#showTooltip" data-id="showTooltip">
<span id="MyTooltip" class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="this is my pre-set title text"></span>
</span>
コードでなければなりません:
<span class="showTooltip" data-target="#showTooltip" data-id="showTooltip">
<span id="MyTooltip" class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"></span>
</span>