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

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

というか、Fugue Icons の作者、と言ったら分かりやすいかも。