[英]Add a class in an anchor tag within a div with jquery
does anyone know how Can I add a class in the A tag: 有谁知道如何在A标签中添加课程:
<a href="/souscription/digital-vie">Subscribe</a>
Here is my html: 这是我的html:
<div class="module" id="prod-subscription">
<div class="entity entity-bean bean-ap-bl-instruct contextual-links-region block container">
<div class="contextual-links-wrapper contextual-links-processed">
<a class="contextual-links-trigger" href="#">Configure</a>
<ul class="contextual-links">
<li class="bean- first last">
<a href="/block/souscription/edit?destination=node/3719"> bloc</a>
</li>
</ul>
</div>
<div class="row">
<div class="col-md-3">
<h2>simple<span>in 3 </span></h2>
</div>
<div class="col-md-6">
<ol>
<li>
<span>1</span><p>text</p>
</li>
<li>
<span>2</span><p>texte testx</p>
</li>
<li>
<span>3</span><p>and text</p>
</li>
</ol>
</div>
<div class="col-md-3">
<a href="/souscription/digital-vie">Subscribe</a>
</div>
</div>
</div>
</div>
You could use jQuery's filter function and filter the link where the exact text is 'Subscribe' (this may cause problems if you have multiple links with that exact text) 您可以使用jQuery的过滤器功能,并在确切的文本为“订阅”的地方过滤链接(如果您有多个具有确切文本的链接,则可能会导致问题)
$('a').filter(function() { return $(this).text() === 'Subscribe'; }).addClass('new-class');
.new-class {color:red;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="/souscription/digital-vie">Subscribe</a>
you can use 您可以使用
$('a[href="/souscription/digital-vie"]').addClass('classHere');
or 要么
$('div#prod-subscription a[href="/souscription/digital-vie"]').addClass('classHere');
or 要么
$('a[href="/souscription/digital-vie"]:contains("Subscribe")').addClass('classHere');
$('a[href="/souscription/digital-vie"]:contains("Subscribe")').addClass('classHere');
.classHere{ background : red; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="module" id="prod-subscription"> <div class="entity entity-bean bean-ap-bl-instruct contextual-links-region block container"> <div class="contextual-links-wrapper contextual-links-processed"> <a class="contextual-links-trigger" href="#">Configure</a> <ul class="contextual-links"> <li class="bean- first last"> <a href="/block/souscription/edit?destination=node/3719"> bloc</a> </li> </ul> </div> <div class="row"> <div class="col-md-3"> <h2>simple<span>in 3 </span></h2> </div> <div class="col-md-6"> <ol> <li> <span>1</span><p>text</p> </li> <li> <span>2</span><p>texte testx</p> </li> <li> <span>3</span><p>and text</p> </li> </ol> </div> <div class="col-md-3"> <a href="/souscription/digital-vie">Subscribe</a> </div> </div> </div> </div>
Not sure I fully understand the question. 不确定我是否完全理解这个问题。 Do you just want to give the anchor tag a class?
您是否只想给锚标签上课? That can be done as simply as
<a class="your_class" href="your_link">Subscribe</a>
可以像
<a class="your_class" href="your_link">Subscribe</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.