jQuery - hinzufügen/Anhängen Wert auf "rel" - Attribut

Habe ich eine Reihe von zufälligen links, wie dieses:

<a rel="foo"> ... </a>
...
<a> ... </a>

Einige von Ihnen haben vielleicht ein rel Attribut, einige nicht.

Wie kann eine rel - Attribut mit einem Wert zu jedem link, und wenn der link schon einen hat, dann fügen sich mein Wert an den vorhandenen Wert/Werte?

Auch wie kann ich überspringen, werden alle Elemente mit einem bestimmten Attribut rel, wie ?

  • Tun Sie dies für SEO-Gründen? Änderungen der client-Seite werden nicht berücksichtigt für die meisten Suchmaschinen-Spider.
  • Nein, ich möchte die Gruppe Bild-links in Gruppen basierend auf Ihrem container, und rel verwendet wird, durch ein lightbox-plugin, um Galerien identifizieren
InformationsquelleAutor Alex | 2011-04-07
  1. 16

    Short 'n sweet:

    $("a[rel!='ignore']").each(function() {
    this.rel += 'theValue';
});

    Sie können versuchen Sie es hier.

    • ...und ja, es wird fügen Sie ein rel zu Ankern ohne rel-Attribute.
    InformationsquelleAutor karim79
  2. 3

    Dieser sollte funktionieren:

    $("a").each(function(index) {
    var curRel = $(this).attr("rel");
    if (curRel !== "ignore")
        $(this).attr("rel", curRel + " my value");
});

    Einfache iteration über alle Anker, hängt Ihr Wert. Wenn rel existiert nicht curRel nur leere Zeichenfolge, so dass der code nicht zu brechen.

    InformationsquelleAutor Shadow Wizard
  3. 1
    var toModify = $('#xxx'); /* or how ever you identify you link */
var currentAttr = toModify.attr('rel');
if(currentAttr != 'ignore'){
    toModify.attr('rel', currentAttr + '_asd');
}
    InformationsquelleAutor sauerburger
  4. 1

    Einfach mit attr:

    var add = "some rel to add";

$('a[rel!="ignore"]').attr('rel', function (i, old) {
    return old ? old + ' ' + add : add;
});
    InformationsquelleAutor David Tang
  5. 1

    Ein bisschen verbose, aber dies sollte es tun (http://jsfiddle.net/dGGFN/):

    var myValue = 'abc';

$.each($('a'), function(idx, item) {
  var a = $(item);
  var rel = $(a).attr('rel');
  $(a).attr('rel', rel + myValue);
});
    InformationsquelleAutor matt
Schreibe einen Kommentar