removeClass не работает, если href существует в якоре

Question

removeClass не работает, если href существует в якоре

У меня HTML выглядит так

<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

2

html jquery php removeclass

Решение

Другие решения

Вы должны позвонить click событие самого тега привязки.

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

2

Может быть, вы ищете удаление класса из якорей, и вы хотите иметь функциональность навигации тоже. Тогда вы должны сделать это на ready событие в общем js-файле:

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

Что он делает, когда пользователь щелкает, якорный пользователь перемещается к указанному href. Навигация приводит к загрузке страницы, поэтому мы помещаем ее непосредственно в ready событие. Это удаляет класс, если href якорь такой же, как window.location.href,

0

Источник

Accepted Answer

Просто измените скрипт, как показано ниже

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

2