HTML/PHP質問

Question

私の質問はかなり簡単です。私はmysqlテーブルからテーブルを作成しており、テーブルの各行はデータベースのレコードを保持しています。新しいレコードごとに、新しい行が作成されます。レコードが返されなくなるまで続きます。レコードを削除するオプションを与えたいので、各行に独自のクラス名を渡したいので、PHPコードをクラス名にエコーしようとしています。

それは次のようになります。$行[ 'idは'] 1だった場合

<tr class="name<?php echo $row['id'];?>"> 

クラスは、その後に、name1でしょうか？

さて、私はこれを確認したので、レコードを削除してページをリロードしないためにjQueryを使用しています。

私がしようとしているのは、ユーザーがボタンをクリックしたときに、私はAJAXを使ってdbと画面上のレコードを削除することです。私はそれをデータベースから削除するために働いているが、ページを再ロードせずに画面上で削除するのに問題がある。

$(".delete").click(function(){ 
    var delete_id = "delete_id="+$(this).attr("id") 
    $.ajax({ 
     type: "POST", 
     dataType: "HTML", 
     url: "deleteScript.php", 
     data: delete_id, 
     success: function(data) { 
      $(".name"+$(this).attr("id")).remove(); 
     } 
    }); 
}); 

が、これは画面上のクラス名を使って何を削除しないでください。私のjQueryのコードはここ

のですか？私はアラートを使って.name "+ $（this）.attr（" id "）が正しかったと思っていたので、私は今どこが間違っているのか混乱しています。 ？

Answer 1

あなたのコードに問題が次の行にある：あなたはAJAXの成功ハンドラ内であるので

$(".name"+$(this).attr("id")).remove(); 

、thisはXMLHTTPRequestオブジェクトを指し、ないイベントがトリガされている要素に。成功ハンドラ内で使用するために要素をキャッシュする必要があります。

あなたのコードでは、最終的には次のようになります。また、それははるかに、はるかに高速（20倍以上）$(this).attr('id')以上であるので、私はthis.idを使用していることを

$(".delete").click(function(){ 
    var delete_id = "delete_id="+this.id, 
     self = this; // cache this 
    $.ajax({ 
     type: "POST", 
     dataType: "HTML", 
     url: "deleteScript.php", 
     data: delete_id, 
     success: function(data) { 
      $(".name"+self.id).remove(); // use self rather than this 
     } 
    }); 
}); 

注意。

Answer 2

$row['id']はあなたがが。

はまた、私はこれがであなたをどのように役立つかわからないことを確認するために、出力HTMLを見ている可能性が1である場合は、[はい、クラス名が「NAME1」になります私は

<td><a href="/delete-row.php?id=<?=$row['id']?>">Delete</a></td> 

の効果に余分な列を追加したい。記録の問題を削除し、これは、ファンシーパンツがあなたの使い慣れたPOSTの人たちが叫び始めるところです。そのため、削除ボタン付きのフォームを使用できる確認ページが表示されるはずです。

---

あなたは、あなたが技術的には「ID」の代わりに「class」属性を使用する必要があり、jQueryのを使用している場合は、私はまだこの方法、及び、リンクajaxifyそれを行うと思いますので、あなたを別のページに連れて行くことはありません。この方法では、ユーザーがJSを無効にしている場合は爆発することはありません。ユーザーフレンドリーなやり方で削除するだけです。