изменить заголовок с jquery

Question

Я хочу изменить все заголовки, как правило, это довольно легко (и, вероятно, это все еще есть). По мне цвет будет зависеть только от пропозиций атрибута данных, поэтому я должен сначала его отфильтровать. Это работает, но теперь только я не могу установить css в заголовках. я получаю эту ошибку

script.js:175Uncaught SyntaxError: Unexpected string

на:

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

Я думаю, что я должен объединить $ (это) с "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)"}); 

Answer 2

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