Javery/Ajaxがdivからページを削除しました。ajaxによってロードされました。

Question

jquery/ajax経由でphpページを呼び出すスクリプトがあります。結果は次のようになります。これは、経由で呼び出され

<table class="table" cellspacing="0" width="100%"> 
    <thead> 
    <tr> 
     <th scope="col">Title1</th> 
     <th scope="col">Title2</th> 
     <th scope="col">Title3</th> 
    </tr> 
    </thead> 
    <tbody><?php echo $wait_list; ?></tbody> 
</table> 
<div> 
    <div id="statcount">Rows: <?php echo $row_count; ?></div> 
</div> 

jqueryの/アヤックスそれはテーブル情報を表示し、最後のdivの情報を呼び出します。私は実際にそれをデータから削除したい、私はそれを持っているので、私はカウントをつかんで、このファイルを呼び出すスクリプトとは別のdivに入れて、私は2を作る必要はありません別のjquery/ajax呼び出し。だから、jqueryの/ Ajaxの呼び出しが行われたとき、それが成功した場合に、この動作します：

function updateList(data){ 
     $('#rowcount').html($('#statcount',data).html()); 
     $('#statcount',data).remove(); 
     $("#waitlist").html(data); 
    } 

あなたがページ上の別々の領域を移入することのdivを使用してイムを見ることができるように。しかし、それが完了したら、phpページのdivが#waitlistに表示されないようにします。私は上記のようにremove（）関数を試しましたが、それは動作しません。助言がありますか？

Answer 1

として渡す場合、私はあなたがjQueryのセレクタのスコープパラメータとしてデータを渡しているので、あなたがどんな試合を取得されていませんと思います。

<div> 
    <div id="statcount">Rows: <?php echo $row_count; ?></div> 
</div> 

とする：私はこれを取り除くことであろうあなたの質問に私のコメントに与えたものよりも（行の無数がある場合を除き）

function updateList(data) 
{  
    var lData = $("<div>" + data + "</div>"); 
    $('#rowcount').html($('#statcount',lData).html());  
    $('#statcount',lData).remove();  
    $("#waitlist").html(data); 
} 

Answer 2

$('#statcount',data).remove(); 

私はあなたがデータとして機能updateList(data)を渡しているどのような値かわからないが、私はあなたが渡していると仮定していますあなたは<div id="statcount">

ためのIDと一緒に他の値を持っていないあなたのhtmlに思えます数が、場合厥、あなたの<div id="statcount">されている必要があります<div id="statcount1">または任意の値は、あなたがdata

Answer 3

より良い方法： これを試してみてください

：

var rowCount = $("tr", data).length; 
$('#rowcount').html('Rows: ' + rowCount); 

または代わりに、あなたがこれを行うことができます：ようなもので、jQueryのを使用して行数を数えます

<table class="table" cellspacing="0" width="100%" rowcount="<?php echo $row_count; ?>"> 

jQueryの.attr()関数を使用して、行数を抽出します。