テーブルのセルの中をいい感じに

<td><ul /></td>と<td>ほげほげ<ul /></td>、両方ともulが:first-childになるのは困ることが多いので:first-node疑似クラスを使えるようにする。

:-moz-first-nodeと同じ。

jQuery.extend (jQuery.expr [":"], {
    "first-node": function (a) {
        var b = a.parentNode.childNodes;
        for (var i = 0; i < b.length; i++) {
            var c = b [i];
            if (c.nodeType == 1) {
                return c.parentNode.getElementsByTagName ("*")[0] == a;
            }
            if (jQuery.trim (c.nodeValue)) {
                return false;
            }
        }
        return false;
    }
});
$ (function () {
    $ ("td > :first-node").addClass ("first-node-of-td");
});

トラックバック(0)

このブログ記事を参照しているブログ一覧: テーブルのセルの中をいい感じに

このブログ記事に対するトラックバックURL: http://yusukekamiyamane.com/blog/mt-tb.cgi/20

コメントする