CODEWITHSUNDEEP
jqueryregex
user194076
user194076

Reputation: 9017

Jquery and Regex help needed

Here's HTML

  <div id="taxonomylist">
  <div class="item-list"><ul><li class="first"><a href="/?q=category/activity/energy" class="views-processed">Energy</a></li>
<li><a href="/?q=category/activity/energy/3-5" class="views-processed">3-5</a></li>
<li><a href="/?q=category/activity/energy/6-8" class="views-processed">6-8</a></li>
<li><a href="/?q=category/activity/energy/k-2" class="views-processed">K-2</a></li>
<li><a href="/?q=category/activity/forestry" class="views-processed">Forestry</a></li>
<li><a href="/?q=category/activity/forestry/3-5" class="views-processed">3-5</a></li>
<li><a href="/?q=category/activity/forestry/6-8" class="views-processed">6-8</a></li>
<li><a href="/?q=category/activity/forestry/k-2" class="views-processed">K-2</a></li>
<li><a href="/?q=category/activity/mining" class="views-processed">Mining</a></li>
<li><a href="/?q=category/activity/mining/3-5" class="views-processed">3-5</a></li>
<li><a href="/?q=category/activity/mining/6-8" class="views-processed">6-8</a></li>
<li class="last"><a href="/?q=category/activity/mining/k-2" class="views-processed">K-2</a></li>
</ul></div></div>

I need to hide all elements inside div except those that says THIS. I need to keep that one. So as for regex parsing - i need it to show only those values that: 1. Start with anything 2. then have structure: structure /activity/"anything here"/"nothing here" You can see what I mean by looking on the code above.

Flow of my logic 1. hide all li elements within particular div 2. if 'a' element inside li contains attribute href which is equal to /title/ then show this li element. My current code

$('li').css('display','none');
if ($('li').attr('href')=="*/activity/*/")
{
$('li').css('display','block');
}

if I do something like: 

$('#div-id li').css('display','none');

then it does not work. Im just tired, but need to finish work asap. help please.

Upvotes: 1

Views: 303

Answers (4)

slacktracer
slacktracer

Reputation: 6306

Perhaps it solves your problem:

$("div#div-id li").each(function() {
  var href = $("a", this).attr("href");
  if ( href.match(/^.*\/activity\/.*\/$/i) ) {
       alert($(this).text());
  }
});

Check a demo at jsbin: http://jsbin.com/ozive4/2/edit

UPDATE: It was just a basic principle. Here is something more complete:

jQuery(function($) {
  function get() {
    $("div#div-id li").each(function() {
      var href = $("a", this).attr("href");
      if ( href.match(/^.*\/activity\/.*\/$/i) ) {
           alert($(this).text());
      }
    });
  }

  $("button").click(function() {
    get();
  });
});

And the demo: http://jsbin.com/ozive4/4/edit

UPDATE: This is the regex: 

/^.\/activity\/.[a-z,A-Z]$/i

And the new demo: http://jsbin.com/ozive4/6/edit

Upvotes: 2

David Ruttka
David Ruttka

Reputation: 14409

Using James Padolsey's RegEx filter, I created this jsfiddle that hides the ones that don't match your pattern. Aside from the RegEx filter, the relevant code is

     $('a:regex(href, .*/activity/.*/.*)').closest('li').hide();

EDIT: I changed to .hide(); from a .each() that set display:none. Must be getting late, not sure why I did it the long way originally :)

EDIT 2: Updated jsfiddle from version 7 to version 9.

Upvotes: 2

Alec Gorge
Alec Gorge

Reputation: 17390

I think you mean:

if ($('li').attr('href').match(/.*\/activity\/.*\/$/m)) {

Upvotes: 2

Vivek
Vivek

Reputation: 11028

for hiding all li except THIS you can use this code... 

  $('div.div-class ul li').hide();


$(' ul li').each(function(){

    if($(this).text()=="THIS")
        $(this).show();

});

DEMO

Upvotes: 1

Related Questions