我想使用jQuery append生成以下HTML字符串。手动编写代码对我来说太繁琐了。
例如,应该按照以下格式编写内容。
使用jQuery append创建类似上述HTML的最佳方法是什么?非常感谢您的帮助。
<div>
<label>Name (Optional)</label>
<input type='text' class='form-control' id='job-name'/><br />
<label>Quick Schedule</label><br />
<a class="btn btn-primary" onclick="schedule = '@hourly'; job_string();">Hourly</a>
<a class="btn btn-primary" onclick="schedule = '@daily'; job_string();">Daily</a>
<a class="btn btn-primary" onclick="schedule = '@weekly'; job_string();">Weekly</a>
<a class="btn btn-primary" onclick="schedule = '@monthly'; job_string();">Monthly</a>
<a class="btn btn-primary" onclick="schedule = '@yearly'; job_string();">Yearly</a><br /><br />
<div class="row">
<div class="col-md-2">Minute</div>
<div class="col-md-2">Hour</div>
<div class="col-md-2">Day</div>
<div class="col-md-2">Month</div>
<div class="col-md-2">Week</div>
</div>
<div class="row">
<div class="col-md-2"><input type="text" class="form-control" id="job-minute" value="*" onclick="this.select();"/></div>
<div class="col-md-2"><input type="text" class="form-control" id="job-hour" value="*" onclick="this.select();"/></div>
<div class="col-md-2"><input type="text" class="form-control" id="job-day" value="*" onclick="this.select();"/></div>
<div class="col-md-2"><input type="text" class="form-control" id="job-month" value="*" onclick="this.select();"/></div>
<div class="col-md-2"><input type="text" class="form-control" id="job-week" value="*" onclick="this.select();"/></div>
<div class="col-md-2"><a class="btn btn-primary" onclick="set_schedule();">Set</a></div>
</div>
</div>
例如,应该按照以下格式编写内容。
$('<div/>').append(
).append(
) ....
使用jQuery append创建类似上述HTML的最佳方法是什么?非常感谢您的帮助。
clone()
和append()
。我还建议不要使用on*
事件属性和全局变量,而是使用委托处理程序。 - Rory McCrossan