Вопросы Теги

Как добавить фон с полосками зебры на тег div

Вы можете попробовать следующее: 

//custom date for example
$d1 = new DateTime("2012-07-08");
$d2 = new DateTime("2012-07-11");
$d3 = new DateTime("2012-07-08");
$d4 = new DateTime("2012-07-15");

//create a date period object
$interval = new DateInterval('P1D');
$daterange = iterator_to_array(new DatePeriod($d1, $interval, $d2));
$daterange1 = iterator_to_array(new DatePeriod($d3, $interval, $d4));
array_map(function($v) use ($daterange1) { if(in_array($v, $daterange1)) print "Bingo!";}, $daterange);
0
задан deepcell 16 January 2019 в 12:46
поделиться

1 ответ

$(document).ready(function(){  
      var i=0;
        
      $('#addmoreEdu').click(function(){ 
           i++;  
           
           $('#dynamic_field').append('<div class="row"><div id="row'+i+'"><div class="col s12 m12 "><label for="title">Certificate Title</label><textarea  class="materialize-textarea" style="padding: 0px;" id="title'+i+'" name="title[]">Secondary School Certificate</textarea></div><div class="col s12 m12 "><label for="title">School / College, City</label><textarea  id="location'+i+'" name="location[]" class="materialize-textarea" style="padding: 0px;"></textarea></div><div class="col s3 m3 "><label for="title">Marks</label><input id="marks'+i+'" name="marks[]" type="text" value=""  /></div><div class="col s3 m3 "><label for="title">Division</label><input id="divsion'+i+'" name="divsion[]" type="text" value="" placeholder="1st"  /></div><div class="col s3 m3 "><label for="title">Year</label><select name="year[]"><option value="2019" selected>2019</option><option value="2018">2018</option><option value="2017">2017</option><option value="2016">2016</option><option value="2015">2015</option></select></div><div class="col s3 m3"><button type="button" name="remove" id="'+i+'" class="btn btn-danger button btn_remove">X</button></div></div></div>');  
	   
	$('.btn_remove').click(function(){ 
           var button_id = $(this).attr("id");   
           $('#row'+button_id+'').remove();  
      });
 	});
 	});
#dynamic_field > div:nth-of-type(even) {
    background: #f5f5f5;
}
 <div id="dynamic_field"> 	
		<div class="row"> 
     		<div class="col s12"  style="padding-top: 12px;">
        <div class="col s12 m12 "><label for="title">Certificate Title</label>
     		 	 	<textarea  class="materialize-textarea" style="padding: 0px;" id="title" name="title[]">Higher School Secondary Certificate</textarea>
     		 	 </div>
     		 	 <div class="col s12 m12 "><label for="title">School / College, City</label>
     		 	
     		 	 	<textarea  id="location" name="location[]" class="materialize-textarea" style="padding: 0px;"></textarea>
    			</div>
     		 	  <div class="col s3 m3 "><label for="title">Marks</label>
     		 	 	<input id="marks" name="marks[]" type="text" value=""  />
     		 	 </div>
     		 	 <div class="col s3 m3 "><label for="title">Division</label>
     		 	 	<input id="divsion" name="divsion[]" type="text" value="" placeholder="1st"  />
     		 	 </div>
     		 	  <div class="col s3 m3 "><label for="title">Year</label>
     		 	  <select id="year"  name="year[]">
     		 	  	<option value="2019" selected>2019</option>
     		 	  	<option value="2018">2018</option>
     		 	  	<option value="2017">2017</option>
     		 	  	<option value="2016">2016</option>
     		 	  	<option value="2015">2015</option> 	  	
     		 	  </select>
     		 	 </div>
     		 	 
     		 	 <div class="col s3 m3"><button type="button" name="addmoreEdu" id="addmoreEdu" class="btn btn-success pull-right" >Add More</button></div>
        
        </div>
    </div>
 </div>
 <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

Теперь это работает отлично, как я ожидал ... Я немного изменил свои дивы, затем покажу полоса зебры на divs

0
ответ дан Hayam khan 16 January 2019 в 12:46
поделиться
Другие вопросы по тегам:

Похожие вопросы: