javascript - 使用 Javascript 或 jQuery 在文本区域后追加输入

Question

我在 DIV 中有一个我无法修改的文本区域。

我需要使用 javascript 在文本区域之后添加一个元素，一个输入复选框。

这是代码:

<div id="msgrapidosinick"><p class="msguser">My Wall</p>
   <form method="post" id="messaggioajaxd" name="frm2">
   <textarea class="areamsgnoava" name="messaggio"></textarea>
   <input type="hidden" value="1" name="invia" id="invia">
   <input type="hidden" value="1" name="riceve" id="riceve">
   <input type="hidden" value="/assyrian" name="pagina" id="pagina">
   <input type="submit" value="Share" class="submsg" name="senda2" style="display: none;">
   </form>
   </div>

所以在文本区域之后我需要添加一个元素，即当文本区域被点击时的输入复选框。

我该怎么做？

请帮帮我。

只是想让你知道我的网站也加载了 jQuery 1.3.2

谢谢

Answer 1

您可以使用恰当命名的 after()方法:

$("textarea[name=messaggio]").click(function() {
    $(this).after("<input type='checkbox' name='yourCheckBoxName' />");
});

如果你想避免创建已经存在的复选框，你可以这样做:

$("textarea[name=messaggio]").click(function() {
    var $this = $(this);
    if (!$this.next(":checkbox").length) {
        $this.after("<input type='checkbox' name='yourCheckBoxName' />");
    }
});