2017-01-02 44 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