0

我的表中有一个按钮，我想在单击按钮时删除一个完整的行。？请不要尝试修改我使用的逻辑。

目前，当单击按钮时，我得到了它id，并且基于此，id我需要从具有相同类名的 DOM 中删除一个元素（完整行）。

JavaScript

$(".removeAKA").click(function () {
    // alert($(this).val());
    var id = this.id;
    alert(id);
    $("." + id).remove();
});

​HTML

<tr class="aka 1" id="sdf">
  <td>AKA 1</td>
  <td><input class="text-box single-line" id="aka_1_" name="aka[1]" type="text" value="2" /></td>
  <td><input type="button" class="removeAKA" id="aka 1" value="Delete" /></td>
</tr>​

这是我在 jsfiddle 中的代码

4

6 回答 6

3

如果您想保留空格，请演示： http : //jsfiddle.net/59RA2/9/或 http://jsfiddle.net/59RA2/31/ 或 http://jsfiddle.net/59RA2/32/

希望这可以帮助。

我已将空格替换为，.因为当 Jquery 尝试解释您的代码时无法识别空格。

或者

您还可以使用$(this).closest('tr').remove();删除行。

或者 您可以使用 $("table ."+id).remove();

更远：

jQuery：选择器（带空格的类名）

jQuery删除具有非标准id字符的表格行

引用

类名中不能有空格。你有两个类：

这个 div 有两个类：panel 和 current。这很容易选择：

$("div.panel.current")... 这意味着选择所有具有类面板和类当前的 div。

代码

只需将空格替换为 . 如果您愿意，它会起作用，否则您之间不能有空格。

祝你好运，加油！

于 2012-04-12T10:28:52.130 回答
0

try

$(this).parent().remove();
于 2012-04-12T10:41:57.470 回答
0

删除 id 和 classname 中的空格。这不是正确的命名约定。使用 'aka1' 或 'aka_1' 而不是 'aka 1' 。然后你的代码就可以工作了。

于 2012-04-12T11:45:13.853 回答
0

试试这个...

$(this).parent().remove();

我已经在 jsfiddle 中测试了这个。

于 2012-04-13T04:24:01.857 回答
0

类名和 ID 中不能有空格。删除空格，正确格式化您的 HTML，它将起作用。

你的例子：http: //jsfiddle.net/EFmRM/7/

孤立的例子：http: //jsfiddle.net/Pz5pF/

于 2012-04-12T10:21:06.623 回答
0

尝试这个

$(".removeAKA").click(function () { 
   $(this).remove();
});

//id不能包含空格

于 2012-04-12T10:22:52.307 回答