JQuery：範囲指定で要素を選択する。

Question

JQueryにて要素を範囲指定で選択する方法を探しています。

具体的には、

<table>
<tr dt="2015-01-01"><td>1</td><td>ほげ</td></tr>
<tr dt="2015-02-15"><td>2</td><td>ほげほげ</td></tr>
<tr dt="2015-12-01"><td>3</td><td>ほげほげほげ</td></tr>
<tr dt="2015-12-10"><td>4</td><td>ほげほげほげほげ</td></tr>
</table>

といったhtmlで、

$("tr[dt<'2015-12-01']").hidden(0);

で上2行が消える、みたいなことをしたいです。

Answer 1

そういう複雑な条件で要素を選びたい場合、.filterにコールバックを渡すのがいいのではないかと思います。

$('td').filter(function(idx){
  return $(this).attr('td') < '2015-12-01';
}).hide();

Comments

[nobuzoh]

goodでした！
filterというものを今まで使ったことがなかったのでとても参考になりました。
ありがとうございました。