2017-01-02 4 views
2

に存在する場合、私は、私はそれが私のクラスを削除していないアンカーをクリックするとHTMLはこのremoveClassは、HREFアンカー

<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> 

のように見えてい動作しません。私はそれがうまく働いてアンカーからのhrefを削除する場合はjqueryのは以下の通りです

....

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

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

出力コードを表示できます –

答えて

2

だけ変更スクリプトでremoveClassを必要としています。

+1

実際に動作しますか?リンクはテーブルセルの子であり、他の方法ではありません。 – jeroen

+0

@Jeroenこれは間違いなく動作します。 –

+0

私はそれがそうではないと思われます、あなたは親要素へのリンクからのイベントのバブリングを防ぐことができますが、それ以外の方法ではありません。例えばここを見て、 'e.stopPropagation();'を移動してください:http://jsbin.com/deludawawe/edit?html,js,console,output – jeroen

2

の下にあなたがアンカータグ自体にあなたのclickイベントを呼び出す必要がありますように私は、hrefの

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

関連する問題