1

これがテーブルを生成するための私のコードです。jQueryとajax経由で呼び出します。

echo '<table class="database-items table table-bordered">
<tbody>';
  foreach($stmt as $item){
  echo '
  <tr>
    <td>'.$item['title'].'</td>
    <td>
      <img src="wp-content/themes/twentyeleven-child/'.$item['image_path'].'" alt="">
    </td>
    <td>'.$item['asin'].'</td>
    <td>'.$item['weight'].'</td>
    <td>'.$item['dimension'].'</td>
    <td>'.$item['category'].'</td>
    <td>
      <button type="button" class="btn btnDeleteitem" alt="'.$item['asin'].'">
        <i class="icon-remove"></i>
      </button>
    </td>
  </tr>';
  }
  echo '</tbody>
  </table>';

をクリックすると、その行を削除したいのですが、値はそれにbtnDeleteItem button基づいていますtd$item['asin']

ここに btnDeleteItem の jquery がありますが、中に何を入れるかわかりません

$('.btnDeleteitem').live('click', function() {
  //what to put here?
}
4

1 に答える 1

0

ボタンの最も近い tr祖先を見つけて削除します

$('.btnDeleteitem').live('click', function() {
     $(this).closest('tr').remove();
}

.live()jQuery 1.7 の時点で廃止されたため、イベント委任に使用され.on()ます

$(document/* or closest existing ancestor of .btnDeleteitem*/).on('click', '.btnDeleteitem', function() {
     $(this).closest('tr').remove();
}
于 2012-10-30T05:03:27.357 に答える