Question

我有一个HTML

<ul class="restListings"></ul>

我正在向ul中动态添加一些数据，如图所示

var divhtml = $('<sub class="sub">Your Favorite Restaurant</sub>');
for (var i = 0; i < response.length; i++) {
    divhtml.append('<li><h6>' + response[i].name + '</h6><p>' + response[i].address + '</p></li>');
}

完成此操作后，我创建了一个新按钮，并想在ul标签

之后添加它

var $newbutton = $('<input/>').attr({ 
    type: 'button', 
    location: locationname,
    name: 'btn1', 
    class: 'btn btn-success  testclass', 
    value:locationname
});

我需要这样做。

如果任何按名称testclass的按钮在类之后存在，则restListings将其删除，然后在类restListings之后添加这些新按钮

我试过这种方式

$('.restListings').append($newbutton);

但是这被添加到ul代码

当我尝试insertAfter时，此按钮被多次添加。

这就是这样的

<ul class="restListings">
   <sub class="sub">
      Your Favorite Restaurant<br>
      <li>
         <h6>Swaghat</h6>
         <p>MadhaPur , Near Policstation,Hyderabad</p>
      </li>
      <li>
         <h6>Swaghat</h6>
         <p>MadhaPur , Near Policstation,Hyderabad</p>
      </li>
      <li>
         <h6>Swaghat</h6>
         <p>MadhaPur , Near Policstation,Hyderabad</p>
      </li>
   </sub>
   <input type="button" location="LocationX" name="btn1" class="btn btn-success  testclass" value="LocationX">
</ul>

Answer 1

您可以使用：

$('.restListings').find('.testclass').remove();

在某个课程后删除按钮并将其添加回来

1 个答案: