在某个类之后删除按钮并将其添加回来答案

【问题标题】：Delete button after certain class and add it back在某个类之后删除按钮并将其添加回来
【发布时间】：2014-09-10 10:18:25
【问题描述】：

我有一个 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
});

我需要这样做。

如果在类 restListings 之后有任何名称为 testclass 的按钮，请将其删除，然后在类 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>

【问题讨论】：

您将li 附加到sub 肯定是无效的html。您还需要指定在哪里附加divhtml？
“如果在 class restListings 后有任何按名称 testclass 的按钮，请删除它”：根据您的示例HTML - 1) 有没有名称为testclass 的按钮，按钮名称为btn1。 2) 如果您的意思是具有类testclass 的按钮，那么在 .restListings 之后没有这样的按钮，它在里面它。也许您想完全改写您的问题。

标签： jquery

【解决方案1】：

你可以使用：

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

【讨论】：

谢谢，然后我需要使用 insertAfter 知道吗？？
@PreethiJain：如果其中没有其他元素，您可以在此之后使用 append。
我已经用 insertAfter 选项编辑了我的问题。
@PreethiJain：您想要添加的确切位置。如果它应该在 sub 然后使用 $('.restListings').append($newbutton);
我想在标签之后添加新按钮。