jQuery On Load Children

Question

当用户从侧边菜单中选择选项时，我有一组动态添加的项目。他们选择的选择越多，显示的项目就越多。

有些商品会有'stats'div而有些商品则没有。我想要做的是检查项目是否有'stats'div，如果没有，请将'more'div的宽度设置得更大，以便'stats'块留下的空白区域被占用< / p>

以下是生成的项目的HTML：

<div class="item" idse="2116082">
                    <div class="ico"></div>
                    <div class="ID">2237</div>
                    <div class="Time"><span>00:00</span><span>06 Dec</span></div>
                    <div class="Event"><span>Test</span><span>Test</span></div>
                    <div class="stats">Stats</div>                        
                    <div class="more">+ 3</div>                        
                    <div class="odds">                                                                                                                      
                                <div class="odd r1 c1 g1" id="td_448023666">
                                <div title="Home">Home</div>
                                <div>1/2</div>
                                <div class="hnd"></div>
                                </div>                                                                                                                                                                                                                       
                                <div class="odd r1 c2 g1" id="td_448023667">
                                <div title="Draw">Draw</div>
                                <div>7/2</div>
                                <div class="hnd"></div>
                                </div>                                                                                                                                                                                                                       
                                <div class="odd r1 c3 g1" id="td_448023668">
                                <div title="Away">Away</div>
                                <div>9/2</div>
                                <div class="hnd"></div>
                                </div>
                                <div class="sepOdds"></div>                     
                                <div class="endOdds"></div>                                                  
                    </div>
                </div>

这是我的jQuery函数：

$('body').on('load', '.item', function () {
        if (!$(this).children('.stats')) {
            $(this).children('.more').css('width', '132px');
        }
    });

Answer 1

你的意思是什么？

$('document').load(function () {
    $(".item").each(function(){
        if (!$(this).children('.stats').length) {
            var more = $(this).children('.more');
            var more_width = more.width();
            more.css('width', more_width + '132px');
        }
    });
});

Full code on JSFiddle