2

これは、jQuery の大きなページによって動的に生成される出力の一部です。スパン内のテキストは、アクセスできない外部スクリプト内で生成されます。それを自分のテキストに置き換えたい。

どうすればそれができますか？ 

    <div class="questionDiv">
        <div class="innerQuestionDiv" id="firstQuestion">
            <span class="question">
                THIS IS THE FIRST QUESTION
            </span>
        </div>
     </div>

     <div class="questionDiv">
        <div class="innerQuestionDiv" id="secondQuestion">
            <span class="question">
                THIS IS THE SECOND QUESTION
            </span>
        </div>
     </div>

たぶん、このようなもの...

     //TO REMOVE EXISTING TEXT
     $('#firstQuestion').innerhtml('');
     //AND REPLACE
     $('#firstQuestion').innerhtml('<span class="question">MY QUESTION</span>')
4

4 に答える 4

4

まず、一緒に働いている親を特定する必要があります。この例では、firstQuestiondiv を選択しました。次に、セレクターを拡張してspan、クラス名が「question」である child をターゲットにしました。span 要素を取得したら、jQuery のtext()関数を使用してその内容を更新します (新しいテキストで更新するだけの場合)。

$('#firstQuestion .question').text('your new text');

HTML コンテンツを追加する場合は、html()代わりに次を使用します。

$('#firstQuestion .question').html('<strong>your new text</strong>');

または、2 番目のコード スニペットで試みたように、div の内容全体を置き換えることもできます。

$('#firstQuestion').html('<span class="question">MY QUESTION</span>');
于 2013-08-29T15:23:38.923 に答える
3

ID による一致を示すために、ID の ID の前に「#」記号を付けるだけで、.html() 関数を使用して置換を処理できます。

 //Removes the contents of your element
 $("#firstQuestion").html('');

 //Updates the contents
 $("#firstQuestion").html("NEW VALUE");

.text() 関数も使用できることに注意してください。ただし、明示的な HTML タグが入力された場合はフォーマットされません。

于 2013-08-29T15:24:15.333 に答える
0 
$('firstQuestion').innerhtml('');  //WRONG and missed # for id selectors
$('#firstQuestion').innerHTML('');  //Correct

.text()/.html()を jQuery で使用できます

$('#firstQuestion').html('');
$('#firstQuestion').html('MY QUESTION');
于 2013-08-29T15:23:32.117 に答える
-1

Jqueryセレクターが無効です

   $('#firstQuestion').html('<span class="question">MY QUESTION</span>');

#(ID の場合) または. forのいずれかを使用する必要がありますclass。

于 2013-08-29T15:24:09.500 に答える