Tôi đang tìm kiếm giải pháp để xóa <li>
các thẻ được lọc bằng cách sử dụng mảng javascript.Xóa thẻ li bằng cách sử dụng mảng javascript
Array:
var mygroups=["1","8","3","4","5"]
Ví dụ (đầu vào):
<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>
Làm thế nào để có được kết quả này (Hủy bỏ tất cả các trường mà không chứa nhóm trong mảng trong anchor):
<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>
Mã này không hoạt động chính xác:
$('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();
Và cái này không được công việc không:
$('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();
Khi bạn đang không thực sự lọc, bạn nên sử dụng 'each' đây để làm cho mã dễ hiểu hơn. –