Post

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

<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");
});

2008/11/18 16:32 | code

Categories

Archives

About

こんにちは、上山根 祐輔 (かみやまね ゆうすけ) です。東京を拠点に活動しているフリーランスのデザイナー、デベロッパー、あと何でも屋です。