Note that there are some explanatory texts on larger screens.

plurals
  1. PORemove li tags using javascript array
    primarykey
    data
    text
    <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 one does the job neither:</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