jQuery table に含まれている要素を取得する

今回は jQuery で table に含まれている要素を取得してみます。

table の構造はセルであれば、table > tr > td と階層化しています。このため jQuery でこの階層を辿るには、$("table tr td 要素") のように記述します。
例えばセルの中に配置されているボタンを取得する場合、以下のようにセレクタを記述します。

$(function () {
    var buttons = $("table tr td input:button");
});
<table>
    <tr>
        <td>
            <input id="Button1" type="button" value="button" />
        </td>
        <td>
            <input id="Button2" type="button" value="button" />
        </td>
        <td>
            <input id="Button3" type="button" value="button" />
        </td>
    </tr>
    <tr>
        <td>
            <input id="Button4" type="button" value="button" />
        </td>
        <td>
            <input id="Button5" type="button" value="button" />
        </td>
        <td>
            <input id="Button6" type="button" value="button" />
        </td>
    </tr>
</table>

コメント

このブログの人気の投稿

PHP クリックされたボタンに応じて処理を実行する

JavaScript Date(日付) データを yyyy/MM/dd 形式にフォーマットする

jQuery ページ初期表示時に処理を実行