2011-12-04 43 views
0

如何使用jquery和ajax從php文件獲取div及其內容?如何使用jquery和ajax從php文件中獲取div及其內容?

例如,

php文件

   echo "<div class='test1WrapperDiv'>"; 
        echo "<div><p> Row 1 </p></div>"; 
        echo "<div><p> Row 2 </p></div>"; 
        echo "<div><p> Row 3 </p></div>"; 
        echo "<div><p> Row 4 </p></div>"; 
       echo "</div>"; 

       echo "<div class='test2WrapperDiv'>"; 
        echo "<div><p> Row 1 </p></div>"; 
        echo "<div><p> Row 2 </p></div>"; 
        echo "<div><p> Row 3 </p></div>"; 
        echo "<div><p> Row 4 </p></div>"; 
       echo "</div>"; 

jQuery代碼從一個Ajax調用

    $.post("test.php",{sendword: test1, table: table_name1} 
        function(data) 
        { 
         $("#Test1Section").append(data); 
      }); 

獲取返回的數據是什麼過濾代碼,只得到test1WrapperDiv的類和它的內容來自於php文件?

+0

@Cory:也許同時使用div但在DOM不同的地方? –

+0

@DavidHedlund:這使得......非常有意義。我應該在週末遠離這裏,我的大腦不處於編碼模式:) –

回答

0

你可以試試這個:

$.post("test.php",{sendword: test1, table: table_name1}, function(data) { 
    $(data).find('.test1WrapperDiv').appendTo('#Test1Section'); 
}); 
+0

它不起作用,但如果我放入元素名稱,它可以工作,例如$(data).find('div') .appendTo( '#Test1Section'); –

0

我相信你可以作爲URL的一部分提供CSS選擇器。

$("#Test1Section").load("test.php .test1WrapperDiv",{sendword: test1, table: table_name1}); 

另外,您可以在成功處理程序解析出所需要的東西

function(data) { $(data).find(".test1WrapperDiv").appendTo("#Test1Section");}