0

私は次のものを持っています:

<div class="modal hide fade" id="adminDialog" style="display: none;">
    <div class="modal-header">
        <a data-dismiss="modal" class="close">×</a>
         <h3 id='dialog-heading'></h3>
    </div>
</div>

私はこの変数を作成しました:

dialogDiv = $('#adminDialog');

見出しのテキストを変更したいのですが。これを実行したい場合、使用する必要$('#dialog-heading').text() がありますか、それともdialogDiv変数に基づくショートカット方法がありますか?

4

5 に答える 5

1

dialogDiv に基づいている必要がある場合、これは私が知っている最高のものです

$("h3", $("#adminDialog")).text('new text');

または

$("h3", dialogDiv).text('new text');

h3このセレクターは、 のスコープ内でを見つけるように指示します#adminDialog


ただし、div に id を使用しているため、セレクターを直接選択することはできません。お気に入り

$('#dialog-heading').text('new text');
于 2012-04-16T07:56:42.820 に答える
0

どちらdialogDivかを使用することも$('#adminDialog')、同じオブジェクトを参照するときに使用することもできます。が現在のスコープに存在する場合にのみ機能dialogDivします(つまり、関数で割り当てた場合は、その関数内でのみ使用できます)

于 2012-04-16T07:52:40.447 に答える
0

dialogDiv現在のスコープ内でアクセスできる限り、dialogDiv.find("#dialog-heading").text("new text")DOM 全体を再度通過する必要がないため、 を使用することをお勧めします。これにより、パフォーマンスがわずかに向上します。

于 2012-04-16T07:54:23.317 に答える
0

それはあなたのニーズに大きく依存します。

要素には ID$('#dialog-heading')があるため、アクセスする最速の方法になります。

ただし、 「<h3>内部#adminDialogにアクセスしたい場合は、使用したほうがよいadminDialog.find('h3')

于 2012-04-16T07:57:26.280 に答える
0

h3に子要素が 1 つしかないと仮定するとdiv#adminDialog、CSS セレクターを使用することもできます。

$('div#adminDialog h3').text("bla bla")
于 2012-04-16T08:08:13.480 に答える