2

event_monthという名前の各div内のイベントクラスを持つdivの数を数える必要があります。

私は現在これを持っています：

$('#events #event_listings .event_month').each(function(i, obj) {
    var Count = $(this +'> .event').size();
    console.log(Count); 
});

これは私がJavascriptを適用しようとしているHTMLです：

<div class="header"><span>October 2012</span></div>
  <div class="event">
    <h3>Telematics Munich 2012 (29th to 30th)</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo ante iaculis purus placerat sed consectetur odio venenatis. Ut erat nisi, laoreet at tempor vel, sollicitudin sed dui.</p>
  </div>
</div>
<div id="september2012" class="event_month">
  <div class="header"><span>September 2012</span></div>
</div>
<div id="august2012" class="event_month">
  <div class="header"><span>August 2012</span></div>
</div> 
<div id="july2012" class="event_month">
  <div class="header"><span>July 2012</span></div>
</div> 
<div id="june2012" class="event_month">
  <div class="header"><span>June 2012</span></div>
  <div class="event">
    <h3>Telematics Detroit 2012 (6th to 7th)</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo ante iaculis purus placerat sed consectetur odio venenatis. Ut erat nisi, laoreet at tempor vel, sollicitudin sed dui.</p>
  </div>
</div>
<div id="may2012" class="event_month">
  <div class="header"><span>May 2012</span></div>
  <div class="event">
    <h3>Insurance Telematics Europe 2012 (9th to 10th)</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo ante iaculis purus placerat sed consectetur odio venenatis. Ut erat nisi, laoreet at tempor vel, sollicitudin sed dui.</p>
  </div>
</div>

言うまでもなく、それは機能していません。何か案は？

4

3 に答える 3

5

次のことを試してください。

$('#event_listings .event_month').each(function(i, obj) {
    var count = $(this).find('.event').length;
    console.log(count); 
});
于 2012-07-21T01:57:12.357 に答える
1

thisはオブジェクトであるため、文字列と連結することはできません。それをjQueryでラップし、後でその子をフィルタリングします。

var Count = $(this).children('.event').length;
于 2012-07-21T02:01:53.553 に答える
1

これを試して

$(function(){
    $('div.event_month').each(function(){
        alert($(this).children('.event').length);
    });​
  }
);​

ここに機能的な例があります：http：//jsfiddle.net/Ug7SF/

于 2012-07-21T02:05:22.473 に答える