从 ul 中删除动态创建的包含多个源的 li

塔巴尼
<div class="panel-body">
    <ul>
        <li class="clearfix"><span class="pull-left">One leg</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt="" /><span>Add to Cart</span></a></li>
        <li class="clearfix"><span class="pull-left">Two Leg</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt=""><span>Add to Cart</span></a></li>
        <li class="clearfix"><span class="pull-left">Full</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt=""><span>Add to Cart</span></a></li>
        <li class="clearfix"><span class="pull-left">Half</span><a href="#" class="ae__add-cart pull-right"><img src="images/plus-icon.png" alt=""><span>Add to Cart</span></a></li>
    </ul>
</div>

<ul id="ae__orders__content">
</ul>



$(document).ready(function () {

    $(".clearfix").click(function () {
        var temp = $(this).text();
        var updatedString = temp.replace("Add to Cart", "");

        $("#ae__orders__content").append("<li id=\"" + updatedString + "\" class=\"clearfix\"><span class=\"pull-left\">");
        $("#ae__orders__content").append("<b>" + updatedString + "</b></span><a href=\"#\" class=\"ae__remove-cart pull-right\"><img src=\"images/sm-icon.png\" alt=\"\">Remove from Cart</a></li>");
    });
});

当有人点击添加到购物车时,我试图动态添加 li。它转到 ul 中 id 为“ae__orders__content”的购物车。直到这部分一切正常。但我想删除点击从购物车中删除时动态添加的 li。我几乎尝试了所有方法并找到了下面给出的解决方案。它从 UL 中删除所有项目,而不是唯一被单击的 LI。

$("#ae__orders__content").click(function () {
    //$(this).children().focus().remove();
    alert("remove");
    //$('li', ul).last().remove();
    $(this).children().remove();

    return false;

});

添加到购物车工作正常。单击从购物车中删除时,我想删除 li。

詹姆士

看起来您希望<a>附加为删除 li 的点击目标,因此:

$(".ae__orders__content").on("click", "a.ae__remove-cart", function () {
  $(this).parent().remove();
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章