Remplacer les éléments de nœud à l'aide de jQuery (code ci-joint)-js tutoriel-php.cn

Remplacer les éléments de nœud à l'aide de jQuery (code ci-joint)

php中世界最好的语言

Libérer： 2018-06-15 15:22:51

original

1412 Les gens l'ont consulté

Cette fois, je vais vous présenter l'utilisation de jQuery pour remplacer des éléments de nœud (avec du code). Quelles sont les précautions à prendre pour utiliser jQuery pour remplacer des éléments de nœud ? Voici un cas pratique, jetons un oeil.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>中国</title>
 <script type="text/javascript" src="../jquery-3.3.1/jquery-3.3.1.js"></script>
 <script type="text/javascript">
  $(document).ready(function () {
   $("button#button-replaceWith").click(function () {
    $("p").replaceWith("<strong>您好!我最喜欢的IT公司是：</strong>");
    $("[name='name-replace']").replaceWith("<tr><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr><tr><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr>");
   });
  });
 </script>
</head>
<body>
 <h2>超实用的jquery代码段-jquery插入节点元素的方法</h2>
 <p>您好！您最喜欢的IT公司是:</p>
 <ul>
  <li title="Google">Google</li>
  <li title="Apple">Apple</li>
  <li title="Microsoft">Microsoft</li>
 </ul>
 <table name="name-replace">
 </table>
 <button id="button-replaceWith">替换节点元素</button>
</body>
</html>

Copier après la connexion

Le rendu est le suivant :

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　die (2)

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser JS pour ajouter des événements aux éléments dynamiques

Méthode d'ajout dynamique JS et dynamique PHP méthode d'ajout Comparer

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!