jQuery nur bestimmte Elemente verändern

[Endecs]

Hallo,

ich hab derzeit ein Template, was aber nicht ganz funktioniert wie es soll.
Wenn man bestimmten Menu Punkten "unclickable" gibt, sind die trotzdem clickable.

Somit bin ich dann gerade in der scripts.js und habe folgende Funktion:

jQuery( "li" ).each(function() {
			  if (jQuery(this).hasClass('unclickable') != null)
				  {
				  jQuery(this).find('a').attr("href", "#");
				  	//jQuery("a").attr("href", "#");
				  }
			});

und was ich noch probiert habe:

jQuery('li:has(.unclickable)').click(function(event) {
			event.preventDefault();
		})

nur leider sind die Seiten, die in den unclickable Seiten sind auch unclickable, also:

Autos (unclickable) -> Ford (unclickable) -> Mustang

Mustang soll nun clickable sein, ist es aber leider nicht, in "Mustang" ist kein "unclickable" als css Class definiert.

greets,
Endecs

[MrPuschel]

PHP Code:

   jQuery('li.unclickable a').removeAttr('href'); 


Sollte reichen. Denk daran das jQuery Objekte in der Regel chainable sind. Die foreach ist also nicht nötig da removeAttr für jedes <a> das Kind eines <li> mit class="unclickable" ist ausgeführt wird.

[Endecs]

Originally Posted by MrPuschel

PHP Code:

   jQuery('li.unclickable a').removeAttr('href'); 


Sollte reichen. Denk daran das jQuery Objekte in der Regel chainable sind. Die foreach ist also nicht nötig da removeAttr für jedes <a> das Kind eines <li> mit class="unclickable" ist ausgeführt wird.

Danke schon mal, nur funktioniert dieses auch nicht, wird auch von letzten Element das "href" gelöscht, obwohl dieses kein "unclickable" enthält.

greets,
Endecs

[MrPuschel]

Das würde mich doch stark wundern. Poste mal dein html.

[Endecs]

naja habs,

jQuery(".unclickable").each(function() {
var count_uls = jQuery(this).find('ul').length;
if(count_uls > 0) {
jQuery(this).find('a').first().attr('href', '#');
}
});

greets,
Ebdecs

[MrPuschel]

Oder du benutzt den immediate children selector.

   jQuery('li.unclickable > a').removeAttr('href');