0

構造が次のような標準の HTML テーブルがあります。

<table>
  <tbody>
    <tr>
      <td>FOOTER</td>
      <td>
          ... other td columns
      </td>
    </tr>
    <tr>
      <td>some other row that I don't want selected</td>
      <td>
          ... other td columns
      </td>
    </tr>
  </tbody>
</table>

私がしたいのは、td にテキスト FOOTER を含む tr のみを選択し、選択した tr の下にあるすべての td の font-weight を太字に設定することです。私の問題は、私が持っている jQuery セレクターがテーブル内のすべての td を太字に設定していることです。その理由はわかりません。

これまでの私のセレクターは次のとおりです。

$("tr:contains('FOOTER')").children("td").css("font-weight", "bold");
4

1 に答える 1

4

おそらく、テーブルが別のテーブルにネストされている可能性があります。したがって、はテーブル全体tr:contains()の親と一致し、次に を見つけて..に設定します。trtdbold

多分

$("td:contains('FOOTER')").siblings().css("font-weight", "bold");

より良い候補になるでしょう(太字をより高い位置に適用することで同じことを行うので、その考えを捨ててくださいtd)

于 2013-07-02T23:00:49.487 に答える