automatisch Nummer nacheinander das rel-Attribut eines a-Tag

Ich möchte Nummer automaticallly nacheinander die rel Attribut eines HTML-a-Tag mit Javascript oder Jquery ...automatisch Nummer nacheinander das rel-Attribut eines a-Tag

zum Beispiel:

<a rel="0" class="slide_thumb" href="#"> 
<a rel="1" class="slide_thumb" href="#"> 
<a rel="2" class="slide_thumb" href="#"> 
<a rel="3" class="slide_thumb" href="#">

Es ist für den Flexslider. Ich habe flexslider in Shopware integriert. Ich habe es als Banner-Slider verwendet.

brauche ich einen sehr einfachen Code

Quelle

2016-07-22 ibrah

Beachten Sie, dass dies ein Missbrauch des Attributs 'rel' ist (in HTML5 ist es ungültig). Vielleicht möchten Sie stattdessen ein 'data-*' Attribut verwenden. – unor

Bitte versuchen Sie, diese Frage zu verbessern, indem Sie uns Ihren besten Treueschwur-Versuch zeigen und indem Sie eine viel spezifischere Frage darüber stellen, was Sie verwirrt. Also bitte, probier es aus. – abarisone

Schleife durch alle Elemente mit Klasse slide_thumb.each() mit und füge Attribut Innere .attr()

$(".slide_thumb").each(function(i) { 
    $(this).attr("rel",i); 
});

Quelle

2016-07-22 13:40:21

Es funktioniert! Perfekt danke! – ibrah

@ibrah willkommen :) bitte upvote und markieren Sie es richtig, wenn es nützlich ist –

Sie verwenden einfach es mit each Schleife tun können. Der erste Callback-Parameter ist der Elementindex, beginnend mit Null. So ist es perfekt für Ihre Bedürfnisse.

$("a.slide_thumb").each(function(i) { 
    $(this).attr("rel", i); 
});

Quelle

2016-07-22 13:40:23 eisbehr

automatisch Nummer nacheinander das rel-Attribut eines a-Tag

Antwort

Verwandte Themen