jQuery: aggiunta di due attributi tramite .attr (); metodo

MODIFICARE:

Ho imparato che l'utilizzo di un valore diverso da _blank, NON funziona sui browser mobili per aprire nuove finestre / schede.

Ad esempio, se devi aprire una nuova finestra / scheda:

• Questo funziona su tutti i browser, anche i browser mobili: target="_blank".

• Questo non funziona sui browser mobili, ma funziona su browser desktop: target="new".

-

Anche se ho questo funzionante, non sono sicuro se ci sia un modo migliore per farlo, o se il modo in cui l'ho ottenuto è l'unico / giusto modo.

Fondamentalmente quello che sto facendo è sostituire tutti i valori di attributo target="_new"o target="_blank"a target="nw", in questo modo viene aperta solo una nuova finestra e in essa si apriranno tutte le altre nuove finestre per non sovraccaricare l'utente con più finestre.

Sto aggiungendo anche un attributo "Si apre in una nuova finestra " title="".

Quindi la soluzione che ho creato è questa:

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

Notare i due .attr();metodi.

È questo il modo corretto per aggiungere due attributi a un elemento?

Ho provato .attr('target','nw','title','Opens in a new window')ma non ha funzionato.

Il motivo per cui lo chiedo è a causa del principio DYR (Don't Repeat Yourself), quindi se posso migliorare il codice che ho, bene, se no, allora è quello che è.

Grazie.

Dovrebbe funzionare:

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

Nota :

" Quando si impostano più attributi, le virgolette attorno ai nomi degli attributi sono facoltative.

ATTENZIONE : quando imposti l'attributo 'class', devi sempre usare le virgolette!

Dalla documentazione di jQuery (settembre 2016) per .attr :

Il tentativo di modificare l'attributo type su un elemento di input o pulsante creato tramite document.createElement () genererà un'eccezione su Internet Explorer 8 o precedente.

Modifica :
per riferimento futuro ... Per ottenere un singolo attributo che useresti

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

Per impostare un singolo attributo useresti

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

Per impostare più attributi devi racchiudere tutto in {...}

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

Modifica: se stai tentando di ottenere / impostare l'attributo "verificato" da una casella di controllo ...

Sarà necessario utilizzare a prop() partire da jQuery 1.6+

il metodo .prop () fornisce un modo per recuperare esplicitamente i valori delle proprietà, mentre .attr () recupera gli attributi.

... il concetto più importante da ricordare sull'attributo verificato è che non corrisponde alla proprietà selezionata. L'attributo corrisponde effettivamente alla proprietà defaultChecked e deve essere utilizzato solo per impostare il valore iniziale della casella di controllo. Il valore dell'attributo verificato non cambia con lo stato della casella di controllo, mentre la proprietà selezionata lo fa

Quindi, per ottenere lo stato selezionato di una casella di controllo, dovresti usare:

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

Oppure per impostare la casella di controllo come selezionata o deselezionata dovresti utilizzare:

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

il modo corretto è:

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

Se sai cosa aggiungere dinamicamente agli attributi di bootstrap nel tag di ancoraggio, questo ti aiuterà molto

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

Qualcosa come questo:

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

Usa le parentesi graffe e inserisci tutti gli attributi che desideri aggiungere all'interno

Esempio:

$('#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"},
];