So erhalten Sie den Wert von span in jquery-js-Tutorial-php.cn

So erhalten Sie den Wert von span in jquery

藏色散人

Freigeben： 2020-11-17 10:22:51

Original

7587 Leute haben es durchsucht

So erhalten Sie den Span-Wert in jquery: Erstellen Sie zuerst ein Front-End-Codebeispiel und legen Sie dann span fest. Übergeben Sie schließlich „$(document).ready(function(){$(“button“).click(function(); ..} }“-Methode, um den Wert von span zu erhalten.

So erhalten Sie den Wert von span in jquery

Empfohlen: „Javascript-Grundlagen-Tutorial“

Schauen wir uns zunächst ein Beispiel an. Der Beispielcode lautet wie folgt: Die Ergebnisse lauten wie folgt: Wert von

Text:

]

Keine der oben genannten drei Methoden wurde nicht erreicht, da html beim Parsen von $("#

spId") in js Die folgende Spanne existiert natürlich noch nicht.

Wenn Sie sie in die folgenden

<html>
  <head>
    <SCRIPT language=JavaScript src="js/jquery.min.js"></SCRIPT>
    <SCRIPT language=JavaScript>
       var test1=$("#spId").val();
       var test2=$("#spId").html();
       var test3=$("#spId").text();
     alert("val的值："  + test1);
     alert("html的值：" + test2);
     alert("text的值：" + test3);
    </script>
  </head>
  <body>
     <span id="spId">aaaa</span>
  </body>
</html>

Nach dem Login kopieren

js ändern, wird die Spanne außerdem verwendet, um diese einzuschließen Codes, und es spielt keine Rolle, wo Sie sie ablegen. Die Funktion besteht darin, die enthaltenen js erst auszuführen, nachdem die gesamte Seite geladen wurde, wie zum Beispiel:

<html>
  <head>
    <SCRIPT language=JavaScript src="js/jquery.min.js"></SCRIPT>    
  </head>
  <body>
     <span id="spId">aaaa</span>
     <SCRIPT language=JavaScript>
       var test1=$("#spId").val();
       var test2=$("#spId").html();
       var test3=$("#spId").text();
       alert("val的值："  + test1);
       alert("html的值：" + test2);
       alert("text的值：" + test3);
     </script>
  </body>
</html>

Nach dem Login kopieren

<script type="text/javascript">
   $(document).ready(function(){
       var test1=$("#spId").val();
       var test2=$("#spId").html();
       var test3=$("#spId").text();
       alert("val的值："  + test1);
       alert("html的值：" + test2);
       alert("text的值：" + test3);

Nach dem Login kopieren

Daher die Einstellung und Erfassung von span sind wie folgt:

   });
</script>

Nach dem Login kopieren

2,

Wenn Sie den HTML-Code erhalten möchten, ändern Sie einfach den Text in HTML,

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
       $("#spId").text("testSpan");
       alert("text的值：" + $("#spId").text())
  });
});
</script>
</head>
<body>
<p><span id="spId"><a href="#">aaaa</a></span></p>
<button>切换</button>
</body>
</html>

Nach dem Login kopieren

Stellen Sie den HTML-Code ein und erhalten Sie den HTML-Code wie folgt:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
       alert("text的值：" + $("#spId").text())
       alert("html的值：" + $("#spId").html())
  });
});
</script>
</head>
<body>
<p><span id="spId"><a href="#">aaaa</a></span></p>

<button>切换</button>
</body>
</html>

Nach dem Login kopieren

Ergebnis:

三、注意点：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
       <span style="background-color: rgb(255, 204, 204);">$("#spId").text("testSpan");</span>
       alert("text的值：" + $("#spId").text())
       <span style="background-color: rgb(255, 204, 153);">alert("html的值：" + $("#spId").html())</span>
  });
});
</script>
</head>
<body>
<p><span id="spId"><a href="#">aaaa</a></span></p>

<button>切换</button>
</body>
</html>

Nach dem Login kopieren

结果

此时，获取的html()为【testSpan】，而不是【testSpan】

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Wert von span in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!