jQuery accordian get parent li

Question

I am trying to get clicked links', all parent item classes using jQuery

enter image description here

Ex - when i click on "Painting of buildings facades with acrylic paint" i want get the classes

item150

item149

item143

i currently writes a j Query for this, but it give one closest li class, but cant get others it says undefined.

jQuery(".menu-sol a").click(function(event) {
event.preventDefault();
clicked=jQuery(this).closest('.parent').attr('class');
clicked=clicked.replace('parent ','');
clicked2=jQuery('.'+clicked).prev('.parent').attr('class');

alert(clicked);
alert(clicked2);

});

here is a part of html

  
      Repairs of plasters
        
          Repairing of fallen plaster
          Repairing of hairline cracks in plaster
        
      
      Repairs of masonries
        
          Repairing of masonry cracks (crack width 
          Repairing of detached masonry from the supporting elements
          Repairing of severe masonry cracks (cracks width > 1 cm) - Disorganised masonry
        
      
      Repairs of concrete elements
        
          Reinforcement with composite materials (F.R.P.)
            
              Reinforcement of the shear strength of a beam
              Reinforcement of the flexural strength of a beam or slab
              Column's confinement
            
          
          Repairing of peeled concrete due to corrosion of the steel reinforcement
          Repairing of damaged concrete (surface damage, blisters, broken corners etc.)
          Repairing of damaged concrete elements by grouting with concrete or high strength mortar
          Repairing of cracks in concrete elements with resin-injection
          Repairs with composite materials - welding metal plates to concrete elements
        
      
      Painting
        
          Acrylic paints
            
              Painting of exterior surfaces
                
                  Painting of buildings facades with acrylic paint
                  Painting of building facades with highly-elastic waterproofing paint
                
              
              Painting of interior surfaces
            
          
          Epoxy paints
            
              Painting of metal surfaces with anti-corrosive epoxy primer
              Painting of walls with high durability epoxy coating
              Waterproofing of pools and painting with epoxy coating

and you can access the example site via http://isomat.eu/technical-solutions/menu-id-73

my goad is store clicked links parent item classes to cookie and load the same node when refreshing the page. can any one help me for getting the parent classes

thank you

David Hedlund · Accepted Answer

This will give you all parent nodes of the class parent:

$(this).parents('.parent')

Is that what you're asking for?

The following would give you a list of all class names, per parent:

$(this).parents('.parent').map(function() {
    return $(this).attr('class').split(/\s+/);
}).toArray();

// [ [ "parent", "item150" ], [ "parent", "item149" ], ... ]

Now, if you know that there will always be two classes, and that you'll always want the second, you could do the following:

$(this).parents('.parent').map(function() {
    return $(this).attr('class').split(/\s+/)[1];
}).toArray();

// [ "item150", "item149" ]

Otherwise, if you can assume that there will only be one item... class, perhaps this would be a neater approach:

$(this).parents('.parent').map(function() {
    var classes = $(this).attr('class').split(/\s+/);
    for(var i = 0; i < classes.length; i++) {
       if(classes[i].substring(0, 4) == 'item')
          return classes[i];
    }
}).toArray();

// [ "item150", "item149" ]

jQuery accordian get parent li

Answers (1)

Related Questions