jquery - jQueryで特定の場所にHTMLを追加する方法

Question

こんにちは、onchange 関数中にこの html を追加する必要があります。html で何にアクセスすればよいかわからないため、どこに配置すればよいかがわかります。

   var blueAsterik=$('<font color="blue" size="5">*&nbsp;</font>');
   <font color="blue" size="5">*&nbsp;</font>

に：

<td align="left" width="35%"><label for="asterik*" class="asterikLabel">place my asterik here :PLACE HERE </label></td>

セミコロンの後に行く必要があります....

Answer 1

使用append()すると、選択した要素の最後に追加されます

var blueAsterik = $('<font color="blue" size="3">*&nbsp;</font>');
$('.asterikLabel').append(blueAsterik);

デモ: http://jsfiddle.net/EjMfE/1

Answer 2

あなたがそれをどのように使用しているか正確に知っているとは言えませんが、

$(".asterikLabel").append(blueAsterik);

つまり、ラベルが実際には次のようにしか見えないと仮定します。

<label for="asterik" class="asterikLabel">place asterik here : </label>

ここで、「PLACE HERE」テキストもそのままにしておく必要がある場合は、HTML と jQuery を変更する必要があります。

<label for="asterik" class="asterikLabel">place asterik here :<span class="asterisk"></span>PLACE HERE </label>

$(".asterikLabel .asterisk").append(blueAsterik);

Answer 3

次のようなことができます：

<td align="right" width="25%"><label for="asterik" class="asterikLabel">place asterik here: <span></span></label></td>

次に、js は次のようになります。

$('.asterikLabel span').append(blueAsterik);