jQuery nur bestimmte Elemente verändern

[Bl1zz4rD]

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,
Bl1zz4rD

[Ta1lor]

haste da die ganze website um sich das mal genauer anzugucken?

[Gelöschter Benutzer]

HTML:

<ul>
<li><a href="http://google.de">Klickbar</a></li> 
<li><a href="http://google.de">Klickbar</a></li> 
<li><a href="http://google.de" class="unclickable">Nicht Klickbar</a></li> 
<li><a href="http://google.de">Klickbar</a></li>
</ul> 

JS:

$('a').each(function () { 
if ($(this).hasClass('unclickable')) {
$(this).prop('href', '#'); 
}
}); 

JSFiddle:
Edit this Fiddle - jsFiddle

[KrT]

Warum nicht einfach einen vernünftigen Selector verwenden?

$('a.unclickable').each(function () {

    $(this).click(function(e){e.preventDefault();});

});