0

簡単なコードサンプルからAjax-jQueryを学習しようとすると、次の2つのhtmlファイルがあります。index.htmlとsource.html.theinex.htmlは次のとおりです。

enter code here
<!DOCTYPE html>
 <html>
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
 <script>
  $(document).ready(function() {
   $('button').click(function(){
   $.get('source.html', function(data) {
   $('.result').html(data);
   });
  });
 });
 </script>
 <title>Main Page</title>
 </head>
 <body>
 <button>Load Page</button>
 <div class="result"></div>
 </body>
 </html>

およびsource.htmlは次のようになります。

enter code here
<!DOCTYPE html>
<html>
<head>
<title>Source Page</title>
</head>
<body>
<div class="test1">Hello Ajax!</div>
<div class="test2"> Again Hello Ajax!</div>
<div class="test1">WoW Ajax!</div>
 <p> The html() method sets or returns the content(innerHTML) of the selected... </p>
 </body>
</html>

今私の質問は、インデックスページのすべての要素を取得する代わりに、特定の要素を取得する方法です。たとえば、リクエストオブジェクトをフィルタリングして、クラス「test1」のすべてのdivを取得する方法、または

ページソースから。「data」パラメータが何を意味するのかもよくわかりません。

enter code here
$.get('source.html', function(data) {
$('.result').html(data);

どういう意味か教えていただけますか？

コンソールからのデータ：

<!DOCTYPE html>
<html>
<head>
<title>Main Page</title>
</head>
<body>
<div class="test">Hello world!</div>
<div class="test1">Hello Ajax!</div>
<div class="test2"> Again Hello Ajax!</div>
<div class="test1">WoW Ajax!</div>
<p> The html() method sets or returns the content (innerHTML) of the selected   elements.When this method is used to return content, it returns the content of the FIRST   matched element. When this method is used to set content, it overwrites the content of ALL matched elements.</p>
 </body>
 </html>
4

2 に答える 2

1

ajax 呼び出しの応答を取得したら、次の方法で要素を見つけることができます。

$.get('source.html', function(data) {
   test1_elements = $(data).find('.test1')
});

test1_elementstest1source.html のクラスを持つすべての要素が含まれるようになりました。

于 2012-11-15T08:40:22.257 に答える
0

特定の要素を ID またはクラスで取得できます。

var $byids= $('#id');
var $byclass= $('.class');

関数の data パラメータには、source.html が示す応答データ全体が含まれています。

使用できます

var $div= $(data).find('#divid');

データからものを選択します。

更新: 2 つの test1 要素があります。以下は、それぞれの html を取得し、それをつなぎ合わせます。最後の行には、ドキュメント内のクラス "test" を持つすべての要素の概要が表示されます。

$.get('source.html', function(data) {
    var $test1_elements = $(data).find('.test1');
    var summary= '';
    $test1_elements.each({function(){ summary+= $(this).html(); });
    $('.test').html(summary);
});
于 2012-11-15T08:41:35.423 に答える