在 jquery 中找到将 css 应用于所有跨度

Question

我正在 asp.net mvc 中借助 js 和 jquery 制作一棵树。

有一个添加按钮，可以添加兄弟姐妹和同级孩子。

为了确定要做什么，我使用以下代码。

    //to check from where the function is called
     var checkClass = $('#UlPrnt').find('span').css('background-color', 'Lime').length;
        if (checkClass == 0) {
            AddSiblings();
        $('#hdnChkSibbling').val('2');
        }
        else {
            debugger         
            var getValue = $('#dvTree').find('span').css('background-color', 'Lime');
            var spnID = getValue[1].id;
            var check = spnID.indexOf("spn");
            if (check>0) {
                AddSiblings();
                $('#'+spnID).css('background-color', '');
            }
            else {
                //call the function to append the same level child
            }

        }

当我在jquery中使用find函数时，我的解释是它将返回dom的编号，其中相应的bg颜色是石灰。

但它的作用是将 bgcolor 应用于所有 span 。

如何获取bgcolor为石灰的span的id。

每件事都是动态创建的（span，div）只是想添加以获得更好的图片。

Answer 1

您错误地使用了 jQuery .css() 方法。您可以使用 .css() 来获取或设置 css 属性。有关更多详细信息，请参阅：http://api.jquery.com/css/。

您应该向所有想要变成石灰色的元素添加一个类，而不是使用 css：

$('???').addClass('lime-colored');

然后，在 css 文件中，指定石灰色类的样式：

.lime-colored { background-color:lime; }

然后，当您想要获取所有元素时当前为绿色的元素，可以通过获取附加了石灰色类的元素来实现：

var checkClass = $('#UlPrnt').find('span.lime-colored').length;

如果要删除石灰色，可以使用以下命令：

$('???').removeClass('lime-colored');

Answer 2

您必须遍历每个然后找到属性 Lime。这是一个例子：
jQuery：你可以通过 CSS 规则而不是类进行选择吗？

另一种方法是在将背景更改为石灰时添加一个类（例如背景石灰）。然后只需搜索该类 $.(".background-lime")。

Answer 3

var ids = $('#UlPrnt span')
 //a set of spans with background-color of lime
 .filter(function(){
  return $(this).css('background-color')=='lime';
 })
 //a set of ids
 .map(function(){ return this.id; });