我是js/jquery的初学者.我想用js/jquery编写这个结构:
<div class="box">
<p>1</p>
<div class="content"><span>Lorem</span></div>
</div>
<div class="box">
<p>2</p>
<div class="content"><span>Ipsum</span></div>
</div>
<div class="box">
<p>3</p>
<div class="content"><span>Dolor</span></div>
</div>
<div class="box">
<p>4</p>
<div class="content"><span>Sit</span></div>
</div>
<div class="box">
<p>5</p>
<div class="content"><span>Amet</span></div>
</div>
Run Code Online (Sandbox Code Playgroud)
我有这个代码:
function addDivs(n) {
for(var i=1; i<=n; i++) {
var parentP = $("<p>"+i+"</p>");
var parentContent = $("<div class='content'></div>");
var boxClassDiv = document.createElement("div");
document.body.appendChild(boxClassDiv);
boxClassDiv.setAttribute("class", "box");
$("body").prepend(boxClassDiv, [parentP, parentContent]);
}
}
window.onload = function getFuncs() {
addDivs(16);
}
Run Code Online (Sandbox Code Playgroud)
这是小提琴:https://jsfiddle.net/ds6wj38k/2/
我发现了一些类似的问题并试图添加到我的代码但我无法调整.
谢谢.
你好我有两个输入,当我在第一个输入中写入时,使用keyup jquery函数im在第二个输入字段中自动写入.
但是当我点击空格键时,我想将行而不是空格写入第二个输入字段.
例如:
第一个输入:Hello world,
第二个输入:Hello-world
我有以下代码:
$(".firstInput").keyup(function(e) {
val = $(this).val();
if( e.keyCode == 32 ) {
val += "-";
}
$(".secondInput").val( val );
});
Run Code Online (Sandbox Code Playgroud)