4

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

<h2 id="resetPWSuccess">Password reset instructions have been sent to *|RESETPASSWORDEMAIL|*</h2>

*|RESETPASSWORDEMAIL|*jQuery変数にある現在の電子メールアドレスに置き換えたいですemailAddress

次のことを試しましたが、うまくいきません。

$('h2#resetPWSuccess').text().replace('*|RESETPASSWORDEMAIL|*', emailAddress).show();

h2 テキストを更新する方法はありますか - 可能であれば 1 行を好みます。

4

5 に答える 5

10

代わりにこれを使用してください:

$('#resetPWSuccess').text(
   $('#resetPWSuccess').text().replace('*|RESETPASSWORDEMAIL|*', emailAddress)
).show();

セレクターからも削除したことに注意してh2ください。IDを使用するよりも役に立たず、遅いです。jQuery に を検索させる#resetPWSuccessと、非常に高速なネイティブgetElementById関数が使用されます。

jQuery のソース コードから:

// Shortcuts
if ( (match = rquickExpr.exec( selector )) ) {
    // Speed-up: Sizzle("#ID")
    if ( (m = match[1]) ) {
        if ( nodeType === 9 ) {
            elem = context.getElementById( m );
于 2013-06-11T08:08:02.157 に答える
4

別のアプローチをお勧めします。

<h2 id="resetPWSuccess">Password reset instructions have been sent to <span id="resetPWemail"></span></h2>

そして対応する js:

$('#resetPWemail').text(emailAddress);
$('#resetPWSuccess').show();
于 2013-06-11T08:12:46.920 に答える
2

そんな使い方。

$('#resetPWSuccess').text(
  $('#resetPWSuccess').text().replace('*|RESETPASSWORDEMAIL|*', 'neeraj@gmail.com')
)

デモを見るデモ

于 2013-06-11T08:12:08.237 に答える
2

これを試して

$("#resetPWSuccess").text(
  $('#resetPWSuccess').text().
     replace('*|RESETPASSWORDEMAIL|*', $("#EmailID").val()))
于 2013-06-11T08:12:14.033 に答える
2

単純にこれを行うこともできます

 <h2 id='resetPWSuccess'></h2>

 $('h2#resetPWSuccess').text('Password reset instructions have been sent to '+emailaddress).show();
于 2013-06-11T08:15:05.700 に答える