计算jquery中动态添加的div的数量

时间:2012-01-12 15:25:05

标签: php jquery

我是JQuery的新手,所以我可能完全错了。我想计算另一个div中div的数量,因为我动态添加它们。那里已经有几个div了。基本上我所做的就是点击一个按钮,它会添加一个新的div并提醒div的总数,旧的加上新的。这是我到目前为止所做的,但它没有用。 这是Jquery:

<!-- Jquery to Add New Textarea -->

<script type="text/javascript">

    $(document).ready(function(){

        $('#addTertButton').click(function(){

            //Shows 
            alert($('div.addTertDiv').size());

            $('.addTertDiv').append("<?php echo $tertDiv; ?>");

        });
    });
</script>

这是php:

                    <div class="docedcont">
                        <div class="tertiarywrapper">
                            <?php

                                $counttert = count($this_rds->tertiary_array);
                                for($i = 0; $i < $counttert; ++$i) {
                                    echo("<div id='tertiaryselect'>");


                                        echo("<br />".$this_rds->rds_number.".".$this_rds->physreq_number.".".$this_rds->tertiary_array[$i]['tertiary_number']." ".$this_rds->tertiary_array[$i]['tertiary_title']."<br /><br />");

                                        echo("<textarea name=\"tertiary_text-".$i."\" cols=\"50\" rows=\"10\" class=\"dark\" onfocus=\"this.className='light'\" onblur=\"this.className='dark'\">");

                                            echo $this_rds->tertiary_array[$i]['tertiary_text'];

                                        echo("</textarea>");

                                        echo("<input name=\"tertiary_id-".$i."\" type=\"hidden\" value=\"".$this_rds->tertiary_array[$i]['tertiary_id']."\">");
                                        echo("<input name=\"tertiary_type-".$i."\" type=\"hidden\" value=\"gb,ie,in,ae\">");
                                        echo("<input name=\"tertiary_number-".$i."\" type=\"hidden\" value=\"".$this_rds->tertiary_array[$i]['tertiary_number']."\"> ");
                                        echo("<input name=\"tertiary_physreqlink_id-".$i."\" type=\"hidden\" value=\"".$this_rds->tertiary_array[$i]['tertiary_physreqlink_id']."\">");
                                        echo("<input name=\"tertiary_modby-".$i."\" type=\"hidden\" value=\"".$this_rds->tertiary_array[$i]['tertiary_modby']."\">");
                                        echo("<input name=\"tertiary_moddate-".$i."\" type=\"hidden\" value=\"".$this_rds->tertiary_array[$i]['tertiary_moddate']."\">");

                                        //Subsection Publish Checkbox
                                        echo("Publish Subsection");
                                        if ($this_rds->tertiary_array[$i]['tertiary_show']=="yes"){
                                            echo("<input name=\"tertiary_show-".$i."\" type=\"checkbox\" value=\"yes\" checked />");
                                        }
                                        else {
                                            echo("<input name=\"tertiary_show-".$i."\" type=\"checkbox\" value=\"no\" />");
                                        }

                                        echo("<input name=\"counttert\" type=\"hidden\" value=\"". $counttert."\">");

                                    echo("</div>"); 

                                }
                                    echo("<div class=\"addTertDiv\"></div>");

                            ?>
                        </div>
                    <?php                                                       
                        //Add New Subsection
                        //On button click create new textarea and increase "counttert"
                     echo ("<button type=\"button\" id=\"addTertButton\" value=\"".$counttert."\">Click Me!</button>");
                     ?> 
                    </div>

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

<击> 你想要长度属性:

alert($('div.addTertDiv').length);

<击>

好的,显然jQuery有一个size函数。 length更常见,但尺寸也应该有效。

此外,这一行:

$('.addTertDiv').append("<?php echo $tertDiv; ?>");

将选择所有.addTertDiv,并将每个回显的结果附加到每个$('.tertiarywrapper').append("<?php echo $tertDiv; ?>"); 。这就是你想要的吗?

我想你可能想要:

{{1}}