$this.parent().find .removeClass 不删除类

Question

我有以下问题

如果我在循环中添加一个额外的列，则不会通过 jquery 脚本删除 ccs 类。如果我删除它就可以了..

<?php foreach ($option['option_value'] as $option_value) { ?>
    <td>
       <a class="option-detail"> <img src="image"></a>
    </td>
<?php } ?>   

我做错了什么？

部分jquery代码

$(document).ready(function(){
      $("a.option, a.option-detail").click(function(event){
         $this = $(this);
         $this.parent().find('a.option, a.option-detail').removeClass('option-active');
        $this.addClass('option-active');

Answer 1

这是因为parent 不足以让您到达您需要更改的节点所在的顶层。

I.E.你只是向上移动到包含td 的tr，而不是table？

如果没有更多代码（更多的 HTML 生成），就很难确定。

我的最佳猜测是您实际上需要找到closest 表而不是parent。

例如

$this.closest( 'table' ).find('a.option, a.option-detail').removeClass( 'option-active' );

This fiddle give you an example of what I'm suggesting...

Answer 2

使用<a class="option-detail"><img src="image"></a>（之前去掉a.）

因为这样：

<a class="a.option-detail" <img src="image"></a> 你的班级名称将是.a.option-detail

并通过关闭 > 来修复您的 htm

Answer 3

您为什么要在“a.option”上进行点击事件，然后在删除和添加类之前再到父级并再次找到锚点？这样做会不会更容易：

$(document).on('click', 'a.option, a.option-detail', function() {
    $this = $(this);
    $('.option-active').removeClass('option-active');
    $this.addClass('option-active');
}