jquery - 通过查询在每个元素后添加中断

Question

我有一个代码：

<span class="twolastbuttons">
  <div class="btn-group">
    <a class="btn btn-success" onclick="addToWishList('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a>
    <a class="btn btn-success" onclick="addToCompare('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a>
  </div>
</span>

我正在尝试使用 jquery在每个< A >之后添加< BR >标签，但没有运气。请帮忙！

Answer 1

这样做：

$('.btn-group a').each(function() {
    $("<br/>").insertAfter($(this));
});

请参阅现场演示和有关.insertAfter()的更多信息-单击此处

Answer 2

你可以这样做：

$('.btn-group a').after('<br>');

或者也可以通过其他方式：

$('<br>').insertAfter('.btn-group a');