jquery动态id选择器，删除然后添加类

Question

我有一个表，其中所有行都有一个 div 单元格，该单元格具有动态生成的 id，格式为 btn-insertidhere。

当选择表格行时，我想选择这个div id，然后删除一个类并将其更改为另一个类。这取决于我想要将按钮图像从添加符号更改为单击时的删除符号。

JavaScript 代码:

  $('*[class^=day] tbody tr[id^=band]').live('click', function() {
        var DivId = $(this).find('div.add').attr('id');
        alert(DivId);

        $('DivId').removeClass('add').addClass('del');
        $('table#fri_myTimes tbody').append($(this)).fadeIn(1000);
        return false;
});

这是动态生成代码的 html 片段:

<tr id="band-Modest-Mouse">
<td>Modest Mouse</td>
<td>15:25:00</td>
<td>16:10:00</td>
<td>45</td>
<td><div id="btn-Modest-Mouse" class="add">&nbsp;</div></td>
</tr>

如您所见，我想将“添加”类更改为删除“类”。表格上的所有表格行都是这样生成的，所以如您所见，我采用了通配符方法，这似乎有效，因为显示的警报显示了正确的 div id。我只需要改变类(class)!

谢谢!

Answer 1

您必须通过删除“.attr(id)”部分来获取 div 的 jq 对象

var DivId = $(this).find('div.add');
...
$(DivId).removeClass('add').addClass('del');

或在 divId 选择器中添加 #

$("#" + DivId).removeClass('add').addClass('del');