如何使用jQuery在最后一个元素之后添加html标记？

这就是我的html的外观：

<div class ="categorie">
    <input class="checkbox_category" type="checkbox" value="174" >sdfasdf</input><br>
    <input class="checkbox_category" type="checkbox" value="175" >bnmbn</input><br>
    <input class="checkbox_category" type="checkbox" value="176" >bnmbn</input><br>
    <div>test</div>
</div>

sdfasdf

bnmbn

bnmbn

测试

这是我尝试过的js代码：

$(".categorie input:last").append("<input  class='' alt='' value='"+id+"' type='checkbox'>"+category+"</input>");

$（“.category输入：last”）.append（“+category+”）；

我只想在最后一个输入或最后一个类checkbox\u category之后添加一个html代码。我缺少什么？

您应该使用

.next（）

将

br

元素与最后一个输入选择器一起作为目标，然后使用而不是

。append（）

在最后一个输入后追加内容next

br

元素：

 $(".categorie input:last").next().after("<input  class='' alt='' value='"+id+"' type='checkbox'>"+category+"</input><br/>");

$（“.categorie input:last”）.next（）之后（“+category+”
）；

它应该是

$('.categorie').append(...)

将其附加到任何当前内容之后的末尾

$（函数（）{
$（'.categorie'）.append（'new
'））
});

sdfasdf

bnmbn

bnmbn

您也可以使用以下方法：

$( "<input  class='' alt='' value='"+id+"' type='checkbox'>"+category+"</input>" ).appendTo( ".categorie" ); 

$（“+category+”）.appendTo（“.categorie”）；
试试这个。
HTML


复选框01


复选框02


复选框03


试验室
添加

JS


函数add（）{
var id=“177”，category=“复选框04”，
输入=”，
标签=“类别+”，
br=“
”，
html=输入+标签+br；
$（“.categorie br:last”）。在（html）之后；
}

仅供参考：
标记没有结束标记
。使用该选项将在渲染时自动从浏览器中删除。如果您可以检查DOM，就可以看到它。因此，请使用
标记来放置文本。
如果在输入元素之后有非输入元素，则此操作将不起作用。@milindantwar-这将只在末尾附加任何内容-已经有非输入元素（a

）我刚刚更新了我的帖子，我忘了提到我在上一篇文章之后还有一个元素input@JozsefNaghi-您希望新输入在
之前还是之后？我希望它在该div之前
<div class ="categorie">
  <input class="checkbox_category" type="checkbox" value="174" />
  <label>Check Box 01</label>
  <br />
  <input class="checkbox_category" type="checkbox" value="175" />
  <label>Check Box 02</label>
  <br />
  <input class="checkbox_category" type="checkbox" value="176" />
  <label>Check Box 03</label>
  <br />
  <div>test div</div>
</div>

<button id="ad" onclick="add()">Add</button>

<script type = "text/javascript">
    function add(){
        var id = "177", category = " Check Box 04",
        input = "<input  class='checkbox_category' value='" + id + "' type='checkbox' />",
        label = "<label>" + category + "</label>",
        br = "<br />",
        html = input + label + br;
        $(".categorie br:last").after(html);
    }
</script>