在錨標記一個div中添加類使用jQuery

沒有人知道我可以在一個標籤添加一個類：在錨標記一個div中添加類使用jQuery

<a href="/souscription/digital-vie">Subscribe</a>

這裏是我的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>

來源

2016-09-01 Mamadou

你能在這些DOM元素添加一些ID？ – ddb

id =「prod-subscription」在主div中！ – Mamadou

我指的是目標錨，所以解決方案會更簡單:) – ddb

可以使用

$('a[href="/souscription/digital-vie"]').addClass('classHere');

或

$('div#prod-subscription a[href="/souscription/digital-vie"]').addClass('classHere');

或

$('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>

來源

2016-09-01 14:54:14

這是一個解決方案 – Mamadou

@Mamadou我很高興它幫助..祝你好運:) –

不知道我完全理解這個問題。你只是想給錨標籤一個類？這是可以做到簡單地<a class="your_class" href="your_link">Subscribe</a>

來源

2016-09-01 14:50:56 HerbalChaos420

對不起，在jquery中，我的意思是。瞄準我的DOM的A，並添加一個類xxx – Mamadou

你可以使用jQuery的filter function和過濾器，其確切的文字是「訂閱」鏈接（這可能會造成問題，如果你有，準確的文字多重鏈接）

$('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>

來源

2016-09-01 14:52:29 Pete

在錨標記一個div中添加類使用jQuery

回答

相關問題