2017-01-02 125 views
2

存在的href我有一个HTML这个样子removeClass不工作,如果在锚

<tr> 
    <td style="padding:0px;"> 
     <a class="list-group-item active change_class" href="<?php echo base_url()."index.php/tester/projectwise_issue_list_display/".$row->project_id;?>"><?php echo $row->project_name;?></a> 
    </td> 
    <td style="padding:0px;"> 
     <a class="list-group-item active change_class" href="<?php echo base_url()."index.php/tester/projectwise_issue_list_display/".$row->project_id;?>"><?php echo $row->project_name;?></a> 
    </td> 
</tr> 

当我点击它不删除我的课的锚。

jQuery是低于....

jQuery('td').click(function() { 
    jQuery(this).find('a').removeClass('change_class'); 
}); 

如果我删除的href从锚它的工作很好。我需要的href

+0

你可以显示输出代码 –

回答

2

只是改变脚本removeClass像下面

<script type="text/javascript"> 
    jQuery('td').click(function (e) { 
     e.stopPropagation(); 
     jQuery(this).find('a').removeClass('change_class'); 
    }); 
</script> 
+1

这实际上工作吗?链接是表格单元格的一个子元素,而不是相反。 – jeroen

+0

@Jeroen这一定会工作。 –

+0

我不这么认为,你可以防止事件从链接上冒泡到父元素,但不能反过来。例如,请参阅此处并移动'e.stopPropagation();'周围:http://jsbin.com/deludawawe/edit?html,js,console,output – jeroen

2

你应该叫锚标记本身的click事件。

jQuery('td > a').click(function (e) { 
    e.preventDefault(); 
    jQuery(this).removeClass('change_class'); 
}); 
0

也许您正在寻找从锚中删除类,并且您还希望具有导航功能。然后,你必须在一个共同的js文件要做到这一点就ready事件:

jQuery(function($){ 
    $('a[href="' + window.location.href + '"]').removeClass('change_class'); 
}); 

它是做什么的,当用户单击锚点用户被导航到指定的HREF。导航会导致页面加载,所以我们直接将其放入ready事件中。如果锚的hrefwindow.location.href相同,它将删除该类。

+0

Thnx。它的工作.... – user7149801

+0

@ user7149801很高兴这有助于你。 – Jai

+0

@ user7149801如果它解决了你的问题,那么你可以通过点击绿色的勾号来接受你的问题。 – Jai