小编Özk*_*kan的帖子

用Js/jQuery创建父元素和子元素

我是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/

我发现了一些类似的问题并试图添加到我的代码但我无法调整.

谢谢.

html javascript jquery

5
推荐指数
1
解决办法
53
查看次数

在keyup上替换''by' - '

你好我有两个输入,当我在第一个输入中写入时,使用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)

javascript jquery input keyup

5
推荐指数
1
解决办法
1406
查看次数

标签 统计

javascript ×2

jquery ×2

html ×1

input ×1

keyup ×1