Note that there are some explanatory texts on larger screens.

plurals
  1. PORemove li tags 3
    primarykey
    data
    text
    <blockquote> <p><strong>Possible Duplicate:</strong><br> <a href="https://stackoverflow.com/questions/7064012/remove-li-tags-2">Remove li tags 2</a> </p> </blockquote> <p>I'm searching a solution to remove <code>&lt;li&gt;</code> tags filtered using javascript array.</p> <p>Array:</p> <pre><code>var mygroups=["1","8","3","4","5"] </code></pre> <p>Example (input):</p> <pre><code>&lt;li&gt;&lt;div&gt;1 element.&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;2 element. This is my &lt;span&gt;post&lt;/span&gt; into new group&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;3 element. Another one&lt;/li&gt; &lt;li&gt;&lt;div&gt; &lt;a href="javascript:void(0);"&gt;Actor&lt;/a&gt; &lt;a href="/groups/viewgroup/1-first-group"&gt;First group&lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt;&lt;div&gt;&lt;a href="javascript:void(0);"&gt;Actor&lt;/a&gt; &lt;a href="/groups/viewgroup/10-ten-group"&gt;Ten group&lt;/a&gt;5 element. This is my &lt;span&gt;new post&lt;/span&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt; &lt;div&gt;6 element. &lt;a href="/j1.5/index.php/jomsocial/63-zzz/profile"&gt;Actor&lt;/a&gt;&lt;/div&gt; &lt;div&gt;&lt;a href="/groups/viewgroup/test/5-second-group"&gt;Group other&lt;/a&gt;&lt;/div&gt; &lt;/li&gt; &lt;li&gt;7 element.&lt;/li&gt; &lt;li&gt;&lt;div&gt;&lt;a href="/groups/viewgroup/test/8-second-group"&gt;First group&lt;/a&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;&lt;a href="/groups/viewgroup/16-other-group"&gt;First group&lt;/a&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;&lt;a href="/j1.5/index.php?option=com_community&amp;view=groups&amp;task=viewgroup&amp;groupid=1&amp;Itemid=4"&gt;My other group &lt;/a&gt;&lt;/div&gt;&lt;/li&gt; </code></pre> <p>How to get this output (Remove all instances which do not contain group in array in anchor):</p> <pre><code>&lt;li&gt;&lt;div&gt; &lt;a href="javascript:void(0);"&gt;Actor&lt;/a&gt; &lt;a href="/groups/viewgroup/1-first-group"&gt;First group&lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div&gt;6 element. &lt;a href="/j1.5/index.php/jomsocial/63-zzz/profile"&gt;Actor&lt;/a&gt;&lt;/div&gt; &lt;div&gt;&lt;a href="/groups/viewgroup/test/5-second-group"&gt;Group other&lt;/a&gt;&lt;/div&gt; &lt;/li&gt; &lt;li&gt;&lt;div&gt;&lt;a href="/groups/viewgroup/test/8-second-group"&gt;First group&lt;/a&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;&lt;a href="/j1.5/index.php?option=com_community&amp;view=groups&amp;task=viewgroup&amp;groupid=4&amp;Itemid=4"&gt;My other group &lt;/a&gt;&lt;/div&gt;&lt;/li&gt; </code></pre> <p>This code is not working right:</p> <pre><code> $('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) &gt;= 0) return false; return true; }).remove(); </code></pre> <p>And this: </p> <pre><code> $('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(); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload