jQuery将列表项替换为具有特定类的其他列表项

debugcn 发表于 Dev

用户名

我有一个list和一个button...

如果有人单击该按钮，我想用某个类别的其他列表项替换列表项。我有课了，但我不知道如何使用load到replace它...

我做了这个：

$(document).ready(function() {
 $("#dynamic").click(function() {
     var refreshId = setInterval(function() {
         $('.remove-this-list-on-click').fadeOut("slow", function () {
             $(this).load("li a.add-this-list-on-click-instead > *").fadeIn("slow");
         });
     });
 });
 });

这是按钮和列表：

       <div id="dynamic">testestetest</div>
<ul class="most_popular" id="bla">
    <li class="remove-this-list-on-click"></li>
    <li class="remove-this-list-on-click"></li>
    <li><a class="add-this-list-on-click-instead"></a></li>
    <li><a class="add-this-list-on-click-instead"></a></li>
</ul>

这样您就可以看到带有该类的列表add-this-list-on-click-instead已经存在，因此它应该实际保留在该列表中。也许我们可以使用删除remove-this-list-on-click列表项，但是我不知道如何...我想这叫做用您的语言排序...。我想在此点击中对项目进行排序。

这是jSfiddle-> http://jsfiddle.net/aYtma/

穆罕默德·阿迪尔（Mohammad Adil）

您不必在那里使用.load，如果已经有类，则无需执行任何操作-

只需删除此行

 $(this).load("li a.add-this-list-on-click-instead > *").fadeIn("slow");

如果.add-this-list-on-click-instead最初是隐藏的-

然后就可以使它可见-

$("#dynamic").click(function() {
     $this = $(this);
     var refreshId = setInterval(function() {
         $('.remove-this-list-on-click').fadeOut("slow", function () {
             $this.find("a.add-this-list-on-click-instead").fadeIn("slow");
         });
     });
});

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

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