帮我编辑这个jquery

Question

我有一个jQ:

$(function() {
    if($('span').css('color')=='rgb(250, 0, 0)' ||
       $('span').css('color')=='#fa0000') {
         $('span').before('hello ');
       }
});

它适用于这个HTML:

<span style="color: #fa0000">Ann</span>

但它不适用于:

<span><span style="color: #fa0000">Ann</span></span>

Answer 1

你的选择器很好,但是.css工作方式是它会"弹出"堆栈中的第一个元素并使用它.因为您具有嵌套跨度,所以只接收第一个标记,忽略嵌套跨度.

尝试使用.each()或更改选择器

在行动(演示)

<span style="color:#FF00FF;">
    <span style="color:#fa0000">
        Brad Christie
    </span>
</span>

$(function(){
    var spanColor = $('span').css('color');

    // You'll notice the color shown is that of the first span (#FF00FF) and
    // not of the nested one because .css() takes the first element that matched
    // and returns the color of that element.
    $('body').append(spanColor); // output: rgb(255,0,255)

});