javascript - 等しいセルが多い行を 1 回だけカウントする

Question

たとえば、次のテーブルがあります。

<table>
    <tr>
        <td class ="mark">1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td class ="mark">4</td>
        <td class ="mark">5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>

ここで、クラス "mark" のセルがいくつの行にあるかを数えたいと思います。次のようなものを使用できます（jQueryを使用）：

$('.mark').length;

しかし、それは私に番号3を与えます（例の表では）が、このクラスには2行しかありません。これを達成するためのエレガントなソリューションはありますか?

Answer 1

使用してparent()ください。

これを試して

$('.mark').parent().length;

ここでフィドル

Answer 2

あなたも試すことができます

$('.mark').closest('tr').length;

markこれは、が深くネストされている場合にも機能します。