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);