jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 使用javascript数组删除li标签大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一个解决方案来删除< li>使用javascript数组过滤的@L_616_3@.

阵:

var mygroups=["1","8","3","4","5"]

示例(输入):

<li><div>1 element.</div></li>
<li><div>2 element. This is my <span>post</span> into new group</div></li>
<li><div>3 element. Another one</li>
<li><div>
         <a href="javascript:void(0);">Actor</a>
         <a href="/groups/viewgroup/1-first-group">First group</a>
    </div>
</li>
<li><div><a href="javascript:void(0);">Actor</a>
         <a href="/groups/viewgroup/10-ten-group">Ten group</a>5 element. This is my <span>new post</span></div></li>
<li>
   <div>6 element. <a href="/j1.5/index.PHP/jomsocial/63-zzz/profile">Actor</a></div>
   <div><a href="/groups/viewgroup/test/5-second-group">Group other</a></div>
</li>
<li>7 element.</li>
<li><div><a href="/groups/viewgroup/test/8-second-group">First group</a></div></li>
<li><div><a href="/groups/viewgroup/16-other-group">First group</a></div></li>
<li><div><a href="/j1.5/index.PHP?option=com_community&view=groups&task=viewgroup&groupid=1&Itemid=4">My other group </a></div></li>

如何获取输出(删除锚点中不包含数组中的组的所有实例):

<li><div>
         <a href="javascript:void(0);">Actor</a>
         <a href="/groups/viewgroup/1-first-group">First group</a>
    </div>
</li>
<li>
   <div>6 element. <a href="/j1.5/index.PHP/jomsocial/63-zzz/profile">Actor</a></div>
   <div><a href="/groups/viewgroup/test/5-second-group">Group other</a></div>
</li>
<li><div><a href="/groups/viewgroup/test/8-second-group">First group</a></div></li>
<li><div><a href="/j1.5/index.PHP?option=com_community&view=groups&task=viewgroup&groupid=4&Itemid=4">My other group </a></div></li>

代码无法正常工作:

$('li').filter(function() {
    var a = $(this).find('a');
    if (!a.length)
        return true;

    var text = a.attr('href').split('/')[3];
    text = text.subString(0,text.indexOf('-'));
    if ($.inArray(text,mygroups) >= 0)
        return false;

    return true;
}).remove();

这个人既不做这个工作

$('li').filter(function() {
    if($(this).is('*:has(a[href|=/group/viewgroup/])') {
        var href = $(this).find('a').attr('href'),Trail = href.split('/')[3],number = + /(\d+)-/.exec(Trail)[1];
        return $.inArray(myarray,+number) == -1;
    }
    return true;
}).remove();

解决方法

这似乎做你想要的.这不是世界上最整洁的代码
$('li').filter(function() {
    var a = $(this).find('a');
    if (!a.length)
        return true;

    var text = /(\d+)-/.exec(a.attr('href'))[1];  
    if ($.inArray(text,mygroups) >= 0)
        return false;

    return true;
}).remove();

它得到所有的li,然后过滤掉任何具有匹配值的数组并删除剩下的那些.

http://jsfiddle.net/8AmNR/5/

大佬总结

以上是大佬教程为你收集整理的jquery – 使用javascript数组删除li标签全部内容,希望文章能够帮你解决jquery – 使用javascript数组删除li标签所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。