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

【问题标题】：How to pass class name to selector?如何将类名传递给选择器？
【发布时间】：2012-04-24 16:21:26
【问题描述】：

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

当前，当单击按钮时，我得到了它的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

【问题讨论】：

你需要学习如何正确地格式化你的问题......真是一团糟！

标签： jquery asp.net asp.net-mvc-3

【解决方案1】：

Hiya demo 如果你想保留空格：http://jsfiddle.net/59RA2/9/ OR http://jsfiddle.net/59RA2/31/ OR http://jsfiddle.net/59RA2/32/

希望这会有所帮助。

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

或

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

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

进一步：

jQuery: selector (classname with space)

jQuery remove table row with non-standard id characters

引用

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

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

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

代码

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

祝你好运，干杯！

【讨论】：

【解决方案2】：

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

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

孤立示例：http://jsfiddle.net/Pz5pF/

【讨论】：

但我想要像 abc@i 这样的 id 属性。因为我将 id 分配给 for 循环内的多个按钮
您能否详细说明问题/提供更多代码？正如我所提到的，类名不能中包含空格。类属性中的空格充当分隔符。

【解决方案3】：

试试这个

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

//id不能包含空格

【讨论】：

【解决方案4】：

试试

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

【讨论】：

$(this).parents('tr').eq(0).remove(); 只是为了确定：p
$(this).parents('tr:eq(0)').remove();

【解决方案5】：

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

【讨论】：

【解决方案6】：

试试这个...

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

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

【讨论】：