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

您可以执行以下操作：

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

然后js看起来像：

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

Answer 3

不能说我确切地知道你是如何使用它的，但是：

$(".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);