Набора фон на основе содержимого SPAN

Question

мне нужно установить другое в зависимости от содержимого SPAN фонового изображения:

<div class="replies"> 
<span>2</span> 
</div> 

Если SPAN = 1 фонового изображение: URL («reply.png») нет- повторение;

Если SPAN = 'ничего, кроме 1' background-image: url ('replies.png') no-repeat;

Можно ли это сделать в jQuery?

Answer 1

Да, вы можете перебрать элементы, получить промежуток внутри и проверьте содержимое:

$(function(){ 
    $('.replies').each(function(){ 
    var img = 'replies.png'; 
    if ($(this).find('span').text() == '1') { 
     img = 'reply.png'; 
    } 
    $(this).css('background-image', 'url(' + img + ') no-repeat'); 
    }); 
}); 

Answer 2

Возьмите

$("div.replies > span").text() и убедитесь, что Светлана "1"

var spanText = $("div.replies > span").text(); 

if (spanText === "1") 
{ 
    // change bg image 
} 
else 
{ 
    // another bg image 
} 

Answer 3

должны легко:

$(document).ready(function(){ 
    var span = $('.replies').find('span').text(); 
    if(span === '1') 
     $(this).css('background-image', 'url(\'reply.png\') no-repeat'); 
    else 
     $(this).css('background-image', 'url(\'replies.png\') no-repeat'); 
});