javascript - 使用 Javascript 插入 HTML

Question

<div id="container" class "container-class">
   <ul class="table-list">
     <li id="element1" class="listless">
        <div class="table-list-cell">
           <span class="labels">...</span>
               INSERT HTML HERE
           <div class="div">

我想在代码中标记的位置插入标签

如何在 JavaScript 中执行此操作？

我进行了一次尝试，但在这里不起作用

function addLabel($label) {
  $('#container .table-list').append($label);
}

Answer 1

尝试使用 Jquery .after ，然后更改选择器以找到需要添加文本的位置之前的最后一个对象(例如:.labels)

$('#container .table-list .labels').after('New Label Value');

JSFiddle