div中的div，同时单击按钮 [英] div inside div while click a button

问题描述

嗨朋友们

我创建了一个完整的div，因为我默认拥有一个父级和两个子级div。如果我点击添加div按钮意味着另一个div放在整个div之外。但我需要水平放置在div内。请帮助我非常紧急。

 < ;   div     id  < span class =code-keyword> =  divContent    style   =  border：solid 3px grey; height：500px; width：100％ ; >  
 <   div     id   =  divSubContent    style   =  border：solid 1px grey; width： 15％;高度：100％; >  
 <   div     id   =  divSubContent1    style   =  border：solid 1px grey;宽度：100％;高度：50px; >  
 & nbsp;  
 <   / div  >  
 <   div     id   =  divSubContent2   样式  = 边框：实心1px灰色;宽度：100％;高度：445像素; >  
 & nbsp;  
 <   / div  >  
 <   / div  >  
 <   / div  >  

< input type =buttonid =aBAddClnBtnvalue =添加列onclick =/>

 <   script     type   =  text / javasc ript >  
 
 $（document）.ready（function（）{
 
 $ （#aBAddClnBtn）。click（function（）{
 var new_div =<   div       style   ='  border：solid 1px grey;宽度：15％; ' >  <   div     style   ='  border：solid 1px grey;高度：50px;' >  & nbsp;  <   / div  >  <   div       style   ='  border：solid 1px grey;高度：445像素;' >  & nbsp;  <   / div  >  <   / div  > ; 
 $（new_div）。 css（float，left，margin，10px）。appendTo（＃divContent）; 
 
返回false; 
}）; 
} ）; 
 <   / script  >  

解决方案

（document）.ready（function（）{

（ #aBAddClnBtn）。click（function（）{
var new_div =< div style =' border：solid 1px grey;宽度：15％; ' > < div style =' border：solid 1px grey;高度：50px;' > & nbsp; < / div > < div style =' border：solid 1px grey;高度：445像素;' > & nbsp; < / div > < / div > ;

< blockquote>（new_div）.css（float，left，margin，10px）。appendTo（＃divContent）;

返回false;
}） ;
}）;
< / script >

hi friends
i created a whole div in that i have one parent and two child div by default. if i click the add div button means another div placed outside the whole div. but i need placed inside div horizontally. Please help me its very urgent.

<div id="divContent" style="border: solid 3px gray; height: 500px; width: 100%;">
                        <div id="divSubContent" style="border: solid 1px gray; width: 15%; height: 100%;">
                            <div id="divSubContent1" style="border: solid 1px gray; width: 100%; height: 50px;">
                                &nbsp;
                            </div>
                            <div id="divSubContent2" style="border: solid 1px gray; width: 100%; height: 445px;">
                                &nbsp;
                            </div>
                        </div>
                    </div>

<input type="button" id="aBAddClnBtn" value="Add Column" onclick="" />

<script type="text/javascript">

        $(document).ready(function() {

            $("#aBAddClnBtn").click(function() {
                var new_div = "<div  style='border: solid 1px gray; width: 15%; '><div style='border: solid 1px gray; height: 50px;'>&nbsp;</div> <div  style='border: solid 1px gray; height: 445px;'>&nbsp;</div></div>";
             $(new_div).css("float", "left", "margin", "10px").appendTo("#divContent");

                return false;
            });
        });
</script>

解决方案

(document).ready(function() {

("#aBAddClnBtn").click(function() { var new_div = "<div style='border: solid 1px gray; width: 15%; '><div style='border: solid 1px gray; height: 50px;'>&nbsp;</div> <div style='border: solid 1px gray; height: 445px;'>&nbsp;</div></div>";

(new_div).css("float", "left", "margin", "10px").appendTo("#divContent"); return false; }); }); </script>

这篇关于div中的div，同时单击按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！