jquery で一致するすべての要素を取得するには?

投稿者: Anonymous

jquery で要素の指定はできるのですが1つの要素しか取得できないんです
HTMLは以下のようになっているのですが

<div>
    <table>
        <thead>
        </thead>
        <tbody class="ABC">
            <tr>
                <td class="rank">1</td>
                <td class="name">taro</td>
                <td class="country">japan</td>
                <td class="score">100</td>
            </tr>
            <tr>
                <td class="rank">2</td>
                <td class="name">bob</td>
                <td class="country">america</td>
                <td class="score">300</td>
            </tr>
            <tr>
                <td class="rank">3</td>
                <td class="name">magna</td>
                <td class="country">france</td>
                <td class="score">150</td>
            </tr>
        </tbody>
    </table>
</div>

jquery で

$("table tbody.ABC tr td.name").html()

のように指定しても

taro

の1つしか取得できないんです

taro
bob
magna

の3つを取得する方法はありますか?

解決

選択された要素をそれぞれ処理するには例えばeachを使います。

$("table tbody.ABC tr td.name").each(function(){
    alert($(this).html());//それぞれの要素に.html()する(alertは実際の処理が不明なため)
});
回答者: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *