それぞれ数値クラスを持つ 31 個の div のグループがあります。送信ボタンをクリックすると、今日の日付以前のクラスを持つすべての div がアニメーション化されるようにしようとしています。
<div class="image 1">SAMPLE TEXT</div>
<div class="image 2">SAMPLE TEXT</div>
<div class="image 3">SAMPLE TEXT</div>
<div class="image 4">SAMPLE TEXT</div>
<form>
<input class="previous" type="submit" value="View Previous" />
</form>
そして、このjQueryのビットですが、うまくいきません。その理由を一生理解できません。
$("form").submit(function()
{
var number = $('div.image').attr("class").match(/\d+/),
d = new Date(),
day = d.getDate();
if (number <= day){
$('div.image').animate({"height":"0px", "width":"150px", "bottom":"75px"}, 500);
}
else {
}
});
私は現在それを持っているので、カーソルを合わせると個々の div がアニメーション化されますが、送信ボタンをクリックするとそれらのグループもアニメーション化できるようにしたいと考えています。ありがとうございました!