Question

<div class="row">
            <div class="col-md-12">
                <h3 class="text-white bg-primary text-center">Notice Board</h3>
                    <div class="list-group" id="b">
                        <a href="" class="list-group-item list-group-item-action " id="a">Cras justo odio</a>
                        <a href="" class="list-group-item list-group-item-action" id="a">Dapibus ac facilisis in</a>
                        <a href="" class="list-group-item list-group-item-action">Morbi leo risus</a>
                        <a href="" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
                    </div>
            </div>
        </div>

我如何在jquery中选择锚标记？请帮我。谢谢

Answer 1

签出JQuery Selectors documentation。

$('a').addClass('classname'); // add class to all anchor tags

Answer 2

使用event.preventDefault()消除锚标记的默认行为，然后应删除添加到每个active标记中的a类，然后通过选择该类将其添加到单击的项目中使用$(this)选择器。检出片段，我已经做了一个有效的例子。

如果您不想删除active类，请删除此行代码$('.list-group a').removeClass('active');

$('a').on('click',function(event){
  event.preventDefault();
  $('.list-group a').removeClass('active');
  $(this).addClass('active')
})

.active{
 color:red;
 font-size:30px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="row">
            <div class="col-md-12">
                <h3 class="text-white bg-primary text-center">Notice Board</h3>
                    <div class="list-group" id="b">
                        <a href="" class="list-group-item list-group-item-action " id="a">Cras justo odio</a>
                        <a href="" class="list-group-item list-group-item-action" id="a">Dapibus ac facilisis in</a>
                        <a href="" class="list-group-item list-group-item-action">Morbi leo risus</a>
                        <a href="" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
                    </div>
            </div>
        </div>

当我在jquery中单击时，如何选择锚标记以添加“活动”类？

2 个答案: