Comment obtenir le contenu d'un élément avec jquery

jQuery est une bibliothèque JavaScript rapide, petite et puissante développée sur la base de JavaScript. À la base, il s’agit d’un sélecteur puissant et facile à utiliser pour sélectionner et manipuler des éléments dans des documents HTML. Dans jQuery, il existe de nombreuses façons d'obtenir le contenu des éléments. Cet article vous expliquera certaines des méthodes les plus couramment utilisées.

1. La méthode text() obtient le contenu textuel de l'élément

Dans jQuery, vous pouvez utiliser la méthode text() pour obtenir le contenu textuel de l'élément. Cette méthode convient lorsque l'élément sélectionné ne contient pas d'autres balises ou éléments. Par exemple, pour le code HTML suivant :

<p>这是一个段落</p>

Vous pouvez utiliser le code suivant pour obtenir le contenu texte du paragraphe :

var text = $("p").text();

2. La méthode html() récupère le contenu HTML de l'élément

Si l'élément sélectionné contient d'autres balises ou éléments, vous pouvez utiliser la méthode html() pour obtenir son contenu HTML. Par exemple, pour le code HTML suivant :

    
标题
    <p>这是一个段落</p>

Vous pouvez utiliser le code suivant pour obtenir le contenu HTML de l'élément div :

var html = $("div").html();

3 La méthode val() obtient la valeur de l'élément de formulaire

Pour les éléments de formulaire. (comme input, select et textarea), sa valeur peut être obtenue en utilisant la méthode val(). Par exemple, pour le code HTML suivant :

<input type="text" value="这是输入框的值">

Vous pouvez utiliser le code suivant pour obtenir la valeur de la zone de saisie :

var value = $("input[type='text']").val();

4. La méthode attr() pour obtenir la valeur d'attribut de l'élément

Vous pouvez utiliser la méthode attr() pour obtenir la valeur d'attribut de l'élément. Par exemple, pour le code HTML suivant :

<img src="image.png">

Vous pouvez utiliser le code suivant pour obtenir la valeur de l'attribut src de l'élément img :

var src = $("img").attr("src");

5 La méthode data() obtient la valeur de l'attribut data de l'élément

Pour les éléments avec. attributs de données, vous pouvez utiliser la méthode data( ) pour obtenir la valeur de son attribut de données. Par exemple, pour le code HTML suivant :

<div data-name="John" data-age="30"></div>

Vous pouvez utiliser le code suivant pour obtenir les valeurs des attributs data-name et data-age​​de l'élément div :

var name = $("div").data("name");
var age = $("div").data("age");

Il convient de noter que lors de la définition des données attributs en HTML, vous devez ajouter le préfixe "data -", tel que "data-name".

Résumé

Dans jQuery, il existe de nombreuses façons d'obtenir le contenu d'un élément, et vous pouvez choisir en fonction de scénarios courants spécifiques. Les méthodes ci-dessus peuvent couvrir la plupart des scénarios d'application. J'espère que cet article pourra aider les lecteurs à mieux comprendre et appliquer jQuery.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!