У меня есть 1 html-страница, содержащая 4 div и 1 кнопку. Я использую jQuery и ожидаю, что при нажатии на кнопку система проверяет, пусто ли содержимое div2, а div3, div4 пусто, а затем добавляет содержимое для div2. Если содержимое div2 не пусто, а div3, div4 пусто, то добавьте содержимое для div3, ... Я хочу сначала нажать, затем проверить содержимое div2 и добавить содержимое для div2, во второй раз проверить содержимое div3 и добавить содержимое для div3,...
Код, который я запускал ниже, добавлял только div2 и не добавлял содержимое в div3 или div4.
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src='D:/test/jquery-form/jquery-3.4.1.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#div2").empty();
$("#div3").empty();
$("#div4").empty();
});
$(document).ready(function(){
$("#btn").click(function(){
if(($("#div1").text().length>0)&&($("#div2").text().length===0))
{
$("#div2").append("<input type=text name=t2 value='service2'>");
} else if(($("#div2").text().length>0)&&($("#div3").text().length===0))
{
$("#div3").append("<input type=text name=t3 value='service3'>");
}
else if(($("#div2").text().length>0)&&(($("#div3").text().length>0))&&($("#div4").text().length===0))
{
$("#div4").append("<input type=text name=t4 value='service4'>");
}
});
});
</script>
</head>
<body>
<div id="intl">
<div id="div1">
service 1
</div>
<div id="div2">
service 2
</div>
<div id="div3">
service 3
</div>
<div id="div4">
service 4
</div>
$("#div" + n), гдеn— ваш счетчик, начинающийся с1. - person tadman schedule 04.02.2020