DIV тег прибавка Использование JavaScript

Мой HTML кодDIV тег прибавка Использование JavaScript

<div id="divcontentouter"> 
    <div id="divcontent"> 
    <div id='div0'> 
     <a onclick="copy()">Click Here</a> 
    </div> 
    </div> 
</div>

И мой сценарий

var i=1; 
function copy() 
{ 
    var content=document.getElementById("div0").innerHTML;  
    var replace = content.replace('<a onclick="copy()"><img src="<?=$this->webroot;?>img/approve.png"></a>', '');  
    var replace = replace.replace(/0/g, i);  
    $("<div id='div"+i+"'>"+replace+"<a onclick='removediv("+i+")'><img src='<?=$this->webroot;?>img/delete.png'></a></div>").appendTo("#divcontent"); 
    i++; 
} 

function removediv(val) 
{ 
    $("#divcontent").children("#div"+val).remove(); 
}

я сделал для одного приращения, но я хочу еще один набор, как это внутри для ребенка дел. Если я нажму Click Here, он будет увеличен, тогда я хочу, чтобы еще один набор div внутри этого для приращения. Я попробовал, но не смог.

источник

2015-04-09 Benedict Ruban

Вы действительно должны стандартизировать JQuery здесь – mplungjan

может вы также используете jQuery? – Butterfly

нормально, но я хочу, чтобы он работал в любом случае ... –

пожалуйста, вы можете попробовать ниже, я сделал это в уль ли, чтобы показать, что добавление в ребенка DIV, если вы хотите, вы можете изменить его на Div alsoe

<!DOCTYPE html> 
<html> 
<title>Stack HTML</title> 
<script src="https://code.jquery.com/jquery-2.1.3.js"></script> 
<head> 
</head> 
<body> 
    <div id="divcontentouter"> 
    <div id="divcontent"> 
    <div id='div0'> 
     <a class="click">Click Here</a> 
    </div> 
    </div> 
</div> 

<script> 

$(function(){ 
    $(document).on('click', '.click', function(){ 
     var htmlElement = '<div><span><a class="child-click">Click Here </a><a class="remove"><img src="<?=$this->webroot;?>img/approve.png"></a></span></div>'; 

     $('#divcontent').append(htmlElement); 
    }); 

    $(document).on('click', 'a.child-click', function(){ 
     var htmlElement = '<div><span>Click Here <a class="remove"><img src="<?=$this->webroot;?>img/approve.png"></a></span></div>'; 
     $(this).closest('div').append(htmlElement); 
    }); 

    $(document).on('click', '.remove', function(){ 
     var currentElement = $(this).closest('div').remove(); 
    }); 


}) 
</script> 
</body> 
</html>

источник

2015-04-09 06:31:12 Butterfly

DIV тег прибавка Использование JavaScript

ответ

Смежные вопросы