如何獲得elemnt的文字和指定爲類名jQuery中

我有更多的div像下面這樣：如何獲得elemnt的文字和指定爲類名jQuery中

<div class="adverts-grid-row"> 
    <div class="adverts-col-100"> 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Classic</a> 
     (1) 
    </span> 
    </div> 
</div> 

<div class="adverts-grid-row"> 
    <div class="adverts-col-100"> 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Salsa</a> 
     (1) 
    </span> 
    </div> 
</div>

每個標籤已經顯示了自己的類別。如何獲取類別的文本並將其作爲類添加到標記中？

我這樣做：

var category = $('span.adverts-widget-grid-link a').text(); 
    console.log(category); 
    $('span.adverts-widget-grid-link a').each(function(){ 
     $(this).addClass(category); 
     console.log(category); 
});

但它正在採取所有類別的同時，並增加了作爲類名。

希望我的解釋有道理。在此先感謝

來源

2017-10-11 Wosley Alarico

給每個給Id並使用id選擇器而不是類 –

我無法更改html內容，這就是爲什麼我使用jquery –

在您的代碼中，您正在錯誤的地方提取類別名稱。您只需在each循環內獲取類別名稱即可。嘗試是這樣的：

$('span.adverts-widget-grid-link a').each(function(){ 
     $(this).addClass($(this).text()); 
     console.log(category); 
});

取而代之的是：

var category = $('span.adverts-widget-grid-link a').text(); 
    console.log(category); 
    $('span.adverts-widget-grid-link a').each(function(){ 
     $(this).addClass(category); 
     console.log(category); 
});

$('span.adverts-widget-grid-link a').each(function(){ 
 
     $(this).addClass($(this).text()); 
 
});

.Classic{ 
 
color: red; 
 
} 
 

 
.Salsa{ 
 
color:green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="adverts-grid-row"> 
 
    <div class="adverts-col-100"> 
 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Classic</a> 
 
     (1) 
 
    </span> 
 
    </div> 
 
</div> 
 

 
<div class="adverts-grid-row"> 
 
    <div class="adverts-col-100"> 
 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Salsa</a> 
 
     (1) 
 
    </span> 
 
    </div> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="adverts-grid-row"> 
 
    <div class="adverts-col-100"> 
 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Classic</a> 
 
     (1) 
 
    </span> 
 
    </div> 
 
</div> 
 

 
<div class="adverts-grid-row"> 
 
    <div class="adverts-col-100"> 
 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Salsa</a> 
 
     (1) 
 
    </span> 
 
    </div> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="adverts-grid-row"> 
 
    <div class="adverts-col-100"> 
 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Classic</a> 
 
     (1) 
 
    </span> 
 
    </div> 
 
</div> 
 

 
<div class="adverts-grid-row"> 
 
    <div class="adverts-col-100"> 
 
    <span class="adverts-widget-grid-link adverts-icon-folder "> 
 
     <a href="http://www.parilinx.burnnotice.co.za/advert-category/classic/">Salsa</a> 
 
     (1) 
 
    </span> 
 
    </div> 
 
</div>

檢查這個片段中，爲所有類別此each添加類，我只需添加一個類爲更改字體，你可以看到效果。

來源

2017-10-11 10:34:10

這增加了一個類，但僅限於第一個框。我有超過4 –

@WosleyAlarico，檢查更新後的答案。這將爲所有錨標籤添加類。這是不metter你有多少塊 –

@WosleyAlarico，這對你有幫助嗎？ –

//懸停到每個項目，以獲得每個列表項

var category = $('span.adverts-widget-grid-link a').text(); 
console.log(category); 
$('span.adverts-widget-grid-link a').each(function(){ 
     //var val = $(this).text(); 
    $(this).addClass($(this).text()); 
    $(this).attr('title',$(this).text()); 
    console.log(category);

}工具提示）;

來源

2017-10-11 12:46:24

如何獲得elemnt的文字和指定爲類名jQuery中

回答

相關問題