jquery - 使用 jquery 更改标题外观

Question

我想更改所有 header ，通常这很容易(而且可能仍然如此)。对我来说，颜色仅取决于数据属性的属性，因此我必须首先对其进行过滤。这是可行的，但现在我无法在标题上设置 css。我收到此错误

script.js:175Uncaught SyntaxError: Unexpected string

关于:

$("h1").css("border-bottom":"2px solid rgb(255, 0, 0)");

我想我必须将 $(this) 与“h1”结合起来，但我不知道如何。

function setSectionColors() {
    // set headlines correct color
    var blockIncrement = 1/rows;

    for(var i = 0; i < rows; i++) {
        var min = i*blockIncrement;
        var max = (i+1)*blockIncrement;   
        // sloppy fix
        if(min > 0) {
            min += 0.00000001;
        }

        $(".headline").filter(function() {
            return ((parseFloat($(this).attr("data-rating")) >= min) && (parseFloat($(this).attr("data-rating")) <= max));
        }).each(function() {
            // getRowColor here instand of red
            console.log($(this));
            $("h1").css("border-bottom":"2px solid rgb(255, 0, 0)");
        });

    }
}

这是 console.log($(this)); 的输出之一；

<div class="headline" data-rating="0.428688799039" onclick="javascript:showArticle(769);" style="display: none; ">
                        <h1>Worsteling GroenLinks doet Femke Halsema pijn</h1>                      <p><p>Oud-partijleider van GroenLinks Femke Halsema ziet haar partij &#8220;worstelen&#8221;, wat haar &#8220;pijn&#8221; doet. De worsteling van de partij heeft volgens Halsema ten dele te maken met Jolande Sap, haar opvolgster.</p></p>                       <hr/> 

Answer 1

使用逗号:

$("h1").css("border-bottom","2px solid rgb(255, 0, 0)");

或者使用一个对象:

$("h1").css({"border-bottom":"2px solid rgb(255, 0, 0)"});