javascript - JQuery 颜色甚至 div

标签 javascript jquery html css

我想将偶数 div 中的文本颜色更改为黄色,将奇数 div 中的文本颜色更改为绿色。最后,将所有 div 中的所有文本 cpncatenate 成一个更大的文本。我为这个问题写了一个解决方案,但由于某种原因它不起作用。有人可以帮忙吗?

 
    Problem 2
    
    
        var count = 1;
        $('div').each(function(){
            if (count % 2 == 0) {
                $(this).css("background-color", "yellow");
            }
            else {
                $(this).css("color", "green");
            }
            count = count + 1;
            $("div").clone(true, true).contents().appendTo('div.B');
        })

    

The function in the script

<div>
    Hey
</div>
<div>
    Holla
</div>
    <div>
    Buna
</div>
    <div>
    Si
</div>
    <div>
    No
</div>
<div class = "B">
</div>

html代码

最佳答案

您可以使用 :even:odd 选择器

var divs = $('div'); 
 divs.filter(':even').css("background-color", "yellow");
 divs.filter(':odd').css("color", "green");
 
divs.clone(true, true).contents().appendTo('div.B');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    Hey
</div>
<div>
    Holla
</div>
    <div>
    Buna
</div>
    <div>
    Si
</div>
    <div>
    No
</div>
<div class = "B">
</div>

关于javascript - JQuery 颜色甚至 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51018525/

相关文章:

java - dhtmlxform.send 响应在警报提示中正确显示,但字符串比较不起作用

javascript - jQuery 类型函数作为变量

java - 其余类型、具有相同 URL 的 JSON 或 HTML 表单

javascript - 当 <div> 标签的类名看起来很奇怪时,如何更改它?

javascript - 我怎样才能为图层 kineticjs 添加背景颜色?

validation - OmniFaces validateOrder 禁用

javascript - 如何提交表单并将一些额外参数传递给 $.getJSON 回调方法?

javascript - 如何在保存时自动将当前用户添加到模型中?

html - 如何在 CalendarExtender 中设置当前日期

javascript - 事件监听器触发错误的目标/函数在错误的时间执行