Comment modifier l'attribut title d'un élément à l'aide de jQuery

Question

J'ai un élément d'entrée de formulaire et je veux changer son attribut title. Cela devrait être simple comme bonjour, mais pour une raison ou une autre, je ne trouve pas comment faire. Comment cela se fait-il, et où et comment dois-je chercher pour savoir comment faire ?

Answer 1

Avant d'écrire le moindre code, examinons la différence entre les attributs et les propriétés. Les attributs sont les paramètres que vous appliquez aux éléments dans votre fichier Balisage HTML ; le navigateur analyse ensuite les balises et crée des objets DOM de différents types qui contiennent les éléments suivants propriétés initialisé avec les valeurs des attributs. Sur les objets DOM, tels qu'un simple HTMLElement il est presque toujours souhaitable de travailler avec son propriétés et non son attributs collection.

La meilleure pratique actuelle est d'éviter de travailler avec des attributs à moins qu'ils ne soient personnalisés ou qu'il n'y ait pas de propriété équivalente pour les compléter. Depuis que les title existe en effet en tant que système de lecture/écriture propriété sur de nombreux HTMLElement nous devrions en profiter.

Pour en savoir plus sur la différence entre les attributs et les propriétés, cliquez ici. aquí o aquí .

Dans cette optique, manipulons que title ...

Obtenir ou définir la valeur title propriété sans jQuery

Desde title est une propriété publique, vous pouvez la définir sur n'importe quel élément du DOM qui la supporte avec du simple JavaScript :

document.getElementById('yourElementId').title = 'your new title';

La récupération est presque identique ; rien de spécial ici :

var elementTitle = document.getElementById('yourElementId').title;

C'est le moyen le plus rapide de changer le titre si vous êtes un fou de l'optimisation, mais puisque vous voulez que jQuery soit impliqué :

Obtenir ou définir la valeur title propriété avec jQuery (v1.6+)

jQuery a introduit une nouvelle méthode dans la version 1.6 pour obtenir et définir des propriétés. Pour définir la propriété title sur un élément, utiliser :

$('#yourElementId').prop('title', 'your new title');

Si vous souhaitez récupérer le titre, omettez le deuxième paramètre et capturez la valeur de retour :

var elementTitle = $('#yourElementId').prop('title');

Consultez le site prop() Documentation de l'API pour jQuery.

Si vous vraiment ne veulent pas utiliser de propriétés, ou que vous utilisez une version de jQuery antérieure à la v1.6, alors vous devriez lire la suite :

Obtenir ou définir la valeur title attribut avec jQuery (versions <1.6)

Vous pouvez modifier les title attribut avec le code suivant :

$('#yourElementId').attr('title', 'your new title');

Ou le récupérer avec :

var elementTitle = $('#yourElementId').attr('title');

Consultez le site attr() Documentation de l'API pour jQuery.

Answer 2

Dans les dialogues modaux de jquery ui, vous devez utiliser cette construction :

$( "#my_dialog" ).dialog( "option", "title", "my new title" );

Answer 3

Je crois

$("#myElement").attr("title", "new title value")

ou

$("#myElement").prop("title", "new title value")

devrait faire l'affaire...

Je pense que vous pouvez trouver toutes les fonctions de base dans la rubrique Docs jQuery Bien que je déteste le formatage.

Answer 4

Une autre option, si vous préférez, serait d'obtenir l'élément DOM à partir de l'objet jQuery et d'utiliser les accesseurs DOM standard :

$("#myElement")[0].title = "new title value";

La "méthode jQuery", mentionnée par d'autres, consiste à utiliser la méthode attr(). Voir la documentation de l'API pour attr() aquí .

Answer 5

Si vous créez un div et en essayant d'ajouter un title à elle.

Essayer

var myDiv= document.createElement("div");
myDiv.setAttribute('title','mytitle');