javascript - JQuery 在附加的 div 上显示删除按钮

Question

到目前为止，我已经能够使用 JQuery 的 .remove() 函数删除每个附加元素。我的问题是删除按钮总是显示在第一个元素上。

我想在第一个元素上隐藏删除按钮，并在添加新元素时显示删除按钮。

我已将第一个元素上的删除按钮设置为

 .delete-button:first-child{
    display:none;
 }

在我的 css 中，但所有后续的追加都不显示删除按钮。我如何使用 JQuery 执行此操作？仅使用 CSS 可以完成吗？

Answer 1

li:first-child .delete-button { display:none }

<ul>
<li>
     First <button class="delete-button">Delete</button>
</li>
<li>
     Second <button class="delete-button">Delete</button>
</li>
</ul>

假设您的标记没有提供。您可以使用 css 完成它。