0

このコードが 4 を出力し、他のすべてのコンテンツが出力されないのはなぜですか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>jQuery</title>
    <script src="jquery-1.9.1.js"></script>
    <script>
    $(document).ready(function() {
      var par = $("p");
      document.write(par.length);
    });
    </script>
</head>

<body>
    <p>I am one</p>
    <p>I am two</p>
    <p>I am three</p>
    <p>I am four</p>
</body>

</html>
4

3 に答える 3

3

ドキュメントの準備ができた後に document.write が呼び出されると、すべてのコンテンツを消去する document.open が呼び出されるため、ドキュメントからすべてのコンテンツが削除されます。

あなたが望むのはpar.length、本体に追加することです

$(document).ready(function() {

    var par = $("p");
    $('body').append(par.length);

});
于 2013-09-16T00:46:10.450 に答える
0

body 内に別のタグを作成します。

<div id="plength"></div>

次に、以下のようなコードを追加します

$(document).ready(function() {
  var par = $("p");
  $('#plength').text(par.length);
});

ここでの実行例http://jsfiddle.net/rajeshmepco/Bk6bZ/

于 2013-09-16T01:01:39.133 に答える