Question

我的桌子上有一个按钮，我想删除按钮点击的完整行。？请不要试图修改我使用的逻辑。

目前单击按钮时，我得到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>

Here is my code in a jsfiddle

Answer 1

Hiya 演示如果您想保留空格：http://jsfiddle.net/59RA2/9/ 或 http://jsfiddle.net/59RA2/31/ 或 {{3} }

希望这有帮助。

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

或

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

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

此外：

http://jsfiddle.net/59RA2/32/

jQuery: selector (classname with space)

<强>引用


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

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

$（“div.panel.current”）...这意味着选择所有具有类的div   小组和班级当前。

代码

只需用空格替换空格。并且如果你想要其它你可以在它们之间没有空格。

有一个好人，欢呼！

Answer 2

类名和ID不能包含空格。删除空格，正确格式化HTML，它将起作用。

您的示例：http://jsfiddle.net/EFmRM/7/

隔离示例：http://jsfiddle.net/Pz5pF/

Answer 3

试试这个

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

// id不应包含空格

Answer 4

试

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

Answer 5

删除id和classname中的空格。这不是一个正确的命名约定。使用'aka1'或'aka_1'而不是'aka 1'。然后您的代码将起作用。

Answer 6

试试这个...

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

我在jsfiddle中测试过这个。

如何将类名传递给选择器？

6 个答案: