jqueryで現在の列を削除するにはどうすればよいですか?-PHPチュートリアル-php.cn

jqueryで現在の列を削除するにはどうすればよいですか?

WBOY

リリース： 2016-06-23 14:39:05

オリジナル

1059 人が閲覧しました

<script type="text/javascript"src="js/jquery.js"></script><link href="css/tablecloth.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="js/tablecloth.js"></script><?phprequire('inc/page.class.php');require("inc/pdo.php");$selectSpecialContent=$dbc->prepare("select * from naszt");$selectSpecialContent->execute();?><table align="center" cellspacing="0" cellpadding="0"><tr><th>专题名称</th><th>专题类型</th><th>发表时间</th><th>发表ip</th><th>操作</th></tr><?php while($row=$selectSpecialContent->fetch()){ ?><tr id="<?php echo $row['id']?>"><td><?php echo $row['ztname']?></td><td><?php echo $row['zttype']?></td><td><?php echo $row['zttime']?></td><td><?php echo $row['publiship']?></td><td><button><a href="ztselect.php?id=<?php echo $row['id']?>">查看</a></button><button><a href="upzt.php?act=up&id=<?php echo $row['id']?>">修改</a></button><button id="del"><a href="selectzt.php?act=del&id=<?php echo $row['id']?>">删除</a></button></td></tr><?php }; ?></table><script>$(document).ready(function(){$("#del").click(function(){var q=$("tr").attr("id");alert(q);});});</script>

ログイン後にコピー

もともと、tr に ID を追加して、この ID の値を取得してこの行を削除したかったのですが、うまくいかないようです。専門家にアドバイスを求めてください。

ディスカッションに返信します。

他の人が判断しやすくなります...

他の人が判断しやすいようにフロントエンド HTML を出力します...

トピック名トピックの種類公開時期公開 IP 運用
権威ある雰囲気 Wei Unicom 2013- 12-04 22:40:35 127.0.0.1 表示変更削除
おまけスコープは Netgear 2013-12-04 22:41:43 127.0.0.1 表示変更削除
ローカルのものは Netgear 2013-12-04 22:44 :33 127.0.0.1 表示変更削除
785875857875 Netgear 2013-12 -04 22:56:15 127.0.0.1 表示変更削除
fdbsdfbs Netgear 2013-12-04 22:59:51 127.0.0.1 表示変更削除

もしあなたが接続を button タグでラップすると、接続は有効になりますか?

簡単な変更を加えただけで、その効果とその方法がわかります

<script>$(function() {  $('.del').click(function() {    $('#'+$(this).attr('id')).remove();  });});</script><table align="center" cellspacing="0" cellpadding="0"><tr><th>专题名称</th><th>专题类型</th><th>发表时间</th><th>发表ip</th><th>操作</th></tr><tr id="1"><td>$row['ztname']</td><td>$row['zttype']</td><td>$row['zttime']</td><td>$row['publiship']</td><td><a href="?id=1">查看</a><button><a href="?act=up&id=1">修改</a></button><button class='del' id=1>删除</button></td></tr></table><?phpprint_r($_GET);

ログイン後にコピー

「connection」を「button」タグで囲むと、接続は有効になりますか？フロントエンドページを更新せずに、js を使用してテーブル内の選択された行 tr を削除したいと思います。 #4 の削除ボタンを見てください。

削除ボタンを見てください。 #4 の

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script charset="utf-8" src="js/jquery.js"></script><?phprequire("inc/pdo.php");$selectSpecialContent=$dbc->prepare("select * from naszt");$selectSpecialContent->execute();?><script>$(document).ready(function() {$('.del').bind("click".q);function q(){    $('#'+$(this).attr('id')).remove();}});</script><table align="center" cellspacing="0" cellpadding="0"><tr><th>专题名称</th><th>专题类型</th><th>发表时间</th><th>发表ip</th><th>操作</th></tr><?php while($row=$selectSpecialContent->fetch()){ ?><tr id="<?php echo $row['id']?>"><td><?php echo $row['ztname']?></td><td><?php echo $row['zttype']?></td><td><?php echo $row['zttime']?></td><td><?php echo $row['publiship']?></td><td><button>查看</button><button>修改</button><button class='del' id="<?php echo $row['id']?>">删除</button></td></tr><?php }; ?></table>

ログイン後にコピー

なぜクリックしても応答がありません...

#4 の削除ボタンを見てください。フロントエンドの出力は次のとおりです。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script charset="utf-8" src="js/jquery.js"></script>?<script>$(document).ready(function() {$('.del').bind("click".abc);alert("1");function abc(){	alert("1");    $('#'+$(this).attr('id')).remove();}});</script><table align="center" cellspacing="0" cellpadding="0"><tr><th>专题名称</th><th>专题类型</th><th>发表时间</th><th>发表ip</th><th>操作</th></tr><tr id="2"><td>27878</td><td>威联通</td><td>2013-12-03 23:26:45</td><td>127.0.0.1</td><td><button>查看</button><button>修改</button><button class='del' id="2">删除</button></td></tr><tr id="6"><td></td><td>威联通</td><td>2013-12-04 17:39:07</td><td>127.0.0.1</td><td><button>查看</button><button>修改</button><button class='del' id="6">删除</button></td></tr><tr id="7"><td>权威的气氛</td><td>威联通</td><td>2013-12-04 22:40:35</td><td>127.0.0.1</td><td><button>查看</button><button>修改</button><button class='del' id="7">删除</button></td></tr><tr id="8"><td>额外范围为</td><td>网件</td><td>2013-12-04 22:41:43</td><td>127.0.0.1</td><td><button>查看</button><button>修改</button><button class='del' id="8">删除</button></td></tr><tr id="9"><td>的分别是地方</td><td>网件</td><td>2013-12-04 22:44:33</td><td>127.0.0.1</td><td><button>查看</button><button>修改</button><button class='del' id="9">删除</button></td></tr><tr id="10"><td>785875857875</td><td>网件</td><td>2013-12-04 22:56:15</td><td>127.0.0.1</td><td><button>查看</button><button>修改</button><button class='del' id="10">删除</button></td></tr><tr id="11"><td>fdbsdfbs</td><td>网件</td><td>2013-12-04 22:59:51</td><td>127.0.0.1</td><td><button>查看</button><button>修改</button><button class='del' id="11">删除</button></td></tr></table>

ログイン後にコピー

#4 の削除ボタンを見てください。急いで間違ったコンマを書きました

この投稿は xuzuning によって最終的に書かれました 2013-12-06 16:44:47 編集者

油断しすぎですか？

$('.del').bind("click".q);

この方法
$('.del').bind("click",q);