jQuery: dodawanie dwóch atrybutów poprzez .attr (); metoda

EDYTOWAĆ:

Dowiedziałem się, że używanie innej wartości niż _blankNIE DZIAŁA w przeglądarkach mobilnych do otwierania nowych okien / kart.

Na przykład, jeśli chcesz otworzyć nowe okno / kartę:

• To działa na wszystkich przeglądarkach, nawet przeglądarek mobilnych: target="_blank".

• To nie działa w przeglądarkach mobilnych, ale to działa na przeglądarkach desktopowych: target="new".

-

Chociaż mam ten działający, nie jestem pewien, czy istnieje lepszy sposób na zrobienie tego, czy też sposób, w jaki go otrzymałem, jest właściwy / jedyny.

Zasadniczo to, co robię, to zastępowanie wszystkich wartości atrybutu target="_new"or target="_blank"na target="nw", w ten sposób otwarte jest tylko jedno nowe okno, aw nim wszystkie inne nowe okna, aby nie przytłoczyć użytkownika wieloma oknami.

Dodam też atrybut „ Otwiera się w nowym oknie ” title="".

Tak więc rozwiązanie, które stworzyłem, jest takie:

$("a[target='_blank'], a[target='_new']").attr('target','nw').attr('title','Opens in a new window');

Zwróć uwagę na dwie .attr();metody.

Czy to jest właściwy sposób dodawania dwóch atrybutów do elementu?

Próbowałem, .attr('target','nw','title','Opens in a new window')ale to nie zadziałało.

Pytam o zasadę DYR (Don't Repeat Yourself), więc jeśli mogę ulepszyć kod, który mam, świetnie, jeśli nie, to tak właśnie jest.

Dzięki.

Powinno działać:

.attr({
    target:"nw", 
    title:"Opens in a new window",
    "data-value":"internal link" // attributes which contain dash(-) should be covered in quotes.
});

Uwaga :

„ Przy ustawianiu wielu atrybutów cudzysłowy wokół nazw atrybutów są opcjonalne.

OSTRZEŻENIE : ustawiając atrybut „class”, należy zawsze używać cudzysłowów!

Z dokumentacji jQuery (wrzesień 2016) dla .attr :

Próba zmiany atrybutu type w elemencie wejściowym lub przycisku utworzonym za pomocą funkcji document.createElement () spowoduje zgłoszenie wyjątku w przeglądarce Internet Explorer 8 lub starszej.

Edycja :
do wykorzystania w przyszłości ... Aby uzyskać pojedynczy atrybut, którego użyjesz

var strAttribute = $(".something").attr("title");

Aby ustawić pojedynczy atrybut, którego użyjesz

$(".something").attr("title","Test");

Aby ustawić wiele atrybutów, musisz opakować wszystko w {...}

$(".something").attr( { title:"Test", alt:"Test2" } );

Edytuj - jeśli próbujesz pobrać / ustawić atrybut „zaznaczony” z pola wyboru ...

Będziesz musiał używać prop() jQuery 1.6+

metoda .prop () zapewnia sposób jawnego pobierania wartości właściwości, podczas gdy .attr () pobiera atrybuty.

... najważniejszą koncepcją do zapamiętania w przypadku zaznaczonego atrybutu jest to, że nie odpowiada on sprawdzanej właściwości. W rzeczywistości atrybut odpowiada właściwości defaultChecked i powinien być używany tylko do ustawiania początkowej wartości pola wyboru. Wartość zaznaczonego atrybutu nie zmienia się wraz ze stanem pola wyboru, podczas gdy zaznaczona właściwość tak

Aby więc uzyskać status zaznaczonego pola wyboru, powinieneś użyć:

$('#checkbox1').prop('checked'); // Returns true/false

Lub, aby ustawić pole wyboru jako zaznaczone lub niezaznaczone , użyj:

$('#checkbox1').prop('checked', true); // To check it
$('#checkbox1').prop('checked', false); // To uncheck it

właściwy sposób to:

.attr({target:'nw', title:'Opens in a new window'})

Jeśli chcesz dynamicznie dodać atrybuty bootstrap w tagu kotwicy, to bardzo ci pomoże

 $(".dropdown a").attr({
      class: "dropdown-toggle",
     'data-toggle': "dropdown",
      role: "button",
     'aria-haspopup': "true",
     'aria-expanded': "true"
});

Coś takiego:

$(myObj).attr({"data-test-1": num1, "data-test-2": num2});

Użyj nawiasów klamrowych i umieść w środku wszystkie atrybuty, które chcesz dodać

Przykład:

$('#objId').attr({
    target: 'nw',
    title: 'Opens in a new window'
});

Multiple Attribute

var tag = "tag name";
createNode(tag, target, attribute);

createNode: function(tag, target, attribute){
    var tag = jQuery("<" + tag + ">");
    jQuery.each(attribute, function(i,v){
        tag.attr(v);
    });
    target.append(tag);
    tag.appendTo(target);
}
var attribute = [
    {"data-level": "3"},
];