我有这个<div>
:
<div class="choose_radio rounded_border" style="border: 1px solid rgb(239, 126, 88);">
<input type="radio" class="radio required error" name="ContactNewExisting" value="new" id="ContactNew" style="color: rgb(179, 180, 180); cursor: default;">
<label for="ContactNewExisting" class="radio_new" style="color: rgb(255, 51, 51); cursor: default; margin: 0pt 2px; font-size: 110%;">New Business</label>
<input type="radio" class="radio" name="ContactNewExisting" value="existing" id="ContactExisting" style="color: rgb(179, 180, 180); cursor: default;">
<label for="ContactNewExisting" class="radio_new" style="color: rgb(255, 51, 51); cursor: default; margin: 0pt 2px; font-size: 110%;">Existing Business?</label>
</div>
我想附加这个 <label>
:
<label class="error" generated="true">This field is required.</label>
所以最后的结果是这样的:
<div class="choose_radio rounded_border" style="border: 1px solid rgb(239, 126, 88);">
<input type="radio" class="radio required error" name="ContactNewExisting" value="new" id="ContactNew" style="color: rgb(179, 180, 180); cursor: default;">
<label for="ContactNewExisting" class="radio_new" style="color: rgb(255, 51, 51); cursor: default; margin: 0pt 2px; font-size: 110%;">New Business</label>
<input type="radio" class="radio" name="ContactNewExisting" value="existing" id="ContactExisting" style="color: rgb(179, 180, 180); cursor: default;">
<label for="ContactNewExisting" class="radio_new" style="color: rgb(255, 51, 51); cursor: default; margin: 0pt 2px; font-size: 110%;">Existing Business?</label>
<label class="error" generated="true">This field is required.</label>
</div>
我如何使用 jQuery 实现这一点?
最佳答案
$('.choose_radio').append('<label class="error" generated="true">This field is required.</label>');
参见 http://api.jquery.com/append/
我不推荐使用 <label>
虽然标记。 <label>
s 旨在作为单个表单字段的标签,并通过 for
指定该表单字段属性。您的错误消息不适用于单个字段,因此它可以只是一个普通的 <p>
, 也许与 <em>
或 <strong>
因为它是一条错误消息,所以在其中进行强调。
关于javascript - 如何使用 jQuery 将 HTML 附加到 <div> 的末尾?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5251760/