jQueryで条件を複数指定する場合

Question

jQuery初心者です。

現在以下のようなプログラムを行い、無事動作するようになりました。

ただ、目的としては、現在以下では38の数字に対するjQueryとなっておりますが、

1~38における数字を以下に適用したいと考えております。その場合、どのようにプログラムすることで適用されますでしょうか？

$(function() {
    $("td:contains('38')").css("color", "black").css("font-weight", "normal").css("font-size", "95%");
});

よろしくお願い致します。

Answer 1

全<td>を取ってきておいて、それらの各.text()が、

1~38における数字

の正規表現にマッチするかどうかによって、jQueryのfilterで絞る、っていうのはどうでしょ？

  $('td')
    .filter((_, td) => $(td).text().match(/(\b|\D)([12][0-9]?|3[0-8]?|[4-9])(\b|\D)/))
    .css("color", "black")
    .css("font-weight", "normal")
    .css("font-size", "95%");

???? サンプル

補足：

もしも、スタイルを設定したい<td>は

<td>20</td>

のように、<td>の中に数字だけがある、という前提があるならば、上記のコードで .filer している行は、正規表現を使わずに、以下で済みます。

    .filter((_, { innerText }) => 1 <= innerText && innerText <= 38)

???? サンプル

Comments

[KOO_]

ありがとうございます！解決することができました！！

[退会済みユーザー]

????