Maison > interface Web > js tutoriel > le corps du texte

Comment remplacer le contenu au milieu d'une balise avec jquery

WBOY
Libérer: 2021-11-30 11:57:57
original
2283 Les gens l'ont consulté

Comment remplacer le contenu au milieu de la balise a par jquery : 1. Utilisez l'instruction "$(a tag element)" pour obtenir l'objet d'élément de balise spécifié 2. Utilisez la méthode html() pour remplacer le contenu au milieu de la balise a. La syntaxe est "un élément de balise object.html (contenu à remplacer);".

Comment remplacer le contenu au milieu d'une balise avec jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur Dell G3.

Comment remplacer le contenu au milieu de la balise a par jquery

Nous pouvons remplacer le contenu au milieu de la balise a via la méthode html(). Lorsqu'une valeur est définie à l'aide de cette méthode, elle écrase le contenu de tous les éléments correspondants.

La syntaxe est la suivante :

$(selector).html(content)
Copier après la connexion

L'exemple est le suivant :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#jquery").html("123");
  });
});
</script>
</head>
<body>
<a href="https://www.php.cn/course/list/19.html" target="_blank" id="jquery">jQuery视频教程</a>
<button id="btn1">替换a标签中间的内容</button>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment remplacer le contenu au milieu dune balise avec jquery

Recommandation de didacticiel vidéo associé : Tutoriel vidéo 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal