jQueryの変更td：複数の文を使った色

Question

tdタグに "hour"と "day"という単語が含まれていれば、単純なhtmlテーブルを持っています。 「を含む（：$（ "TD（場合

1. $("td:contains('hour') && td:contains('day')").css("color", "red");

2. ：私は、私は次の試みた単語 "日"、含またい

   $("td:contains('hour')").css("color", "red");

   ：私は1つの文でそれをやりました（ "日"））） { css（ "color"、 "red"）; }

どうすればいいですか？

Answer 1

複数の単語を一致させるには、containsをもう一度使用してください。あなたは、さらに最初の一致を検出した後に、セレクタを洗練して、テスト（のみ小文字の大文字と小文字を区別し、自然を意識する必要が

$("td:contains('hour'):contains('day')").css("color", "red"); 

例

$("p:contains('is'):contains('name')").css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<p>My name is Donald.</p><!--it will matched contains both `is` and `name`--> 
 
<p>I live in Duckburg.</p><!--not matched --> 
 
<p>My best friend is Mickey.</p><!--not matched contains only `is`-->

Answer 2

マッチが見つかります）。大文字と小文字を区別しない検索のため

$("td:contains('hour'):contains('day')").css("color", "red");

table, td { border:1px solid black; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td>Hour</td> 
 
    <td>Day</td> 
 
    <td>hour</td> 
 
    <td>day</td> 
 
    <td>None</td> 
 
    <td>hour and day</td> 
 
    <td>Hour and Day</td> 
 
    </tr> 
 
</table>

：

var theCells = $("td"); 
 

 
// Loop through the cells and check lower-case text against lower-case value 
 
theCells.each(function(){ 
 
    if(this.textContent.toLowerCase().indexOf("hour") > -1 && 
 
    this.textContent.toLowerCase().indexOf("day") > -1){ 
 
     this.style.color = "red"; 
 
    } 
 
});

table, td { border:1px solid black; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td>Hour</td> 
 
    <td>Day</td> 
 
    <td>None</td> 
 
    <td>hour and day</td> 
 
    <td>Hour and Day</td> 
 
    </tr> 
 
</table>