Javascript 使用jquery将项目添加到列表中

我有一个我想不出来的问题。我正在使用此代码：

//如果启用了JS，则禁用主输入
$（“#责任”）.prop（‘残疾’，真）；
//$（“#职责”）.addClass（“隐藏”）；
//如果启用JS，则添加字段
$（“#resp”）。附加（“”）；
//将项目添加到输入字段
var eachline=''；
$（“#添加”）。单击（函数（）{
变量行=$（'#resp_input'）.val（）.split（'\n'）；
var lines2=$（“#职责”）.val（）.split（“\n”）；
如果（lines2.长度>10）返回false；
对于（变量i=0；i$（'#responsibility'）.text（$（''+eachline+）.text（））。在（“
”+行+”
”）之前；

---

演示

-->

我已经在前面的问题中为您解决了这个问题

var$responsibilityInput=$（“#responsibilityInput”），
$responsibilityList=$（“#responsibilityList”），
$inputButton=$（“#addResp”），
rCounter=0；
var addResponsibility=函数（）{
如果（rCounter<10）{
var newVal=$responsibilityList.val（）+$responsibilityInput.val（）；
如果（newVal.trim（）！=''）{
var newLi=$（“
”）；
$（'ul#respList'）.append（newLi.text（newVal））；
$responsibilityList.val（“”）；
rCounter+=1；
}
}
}
$inputButton。单击（添加责任）；

您需要创建一个

，然后将其添加到下面

$('#responsibilities').text( $("<div>" + eachline + "</div>").text() );

// add this line after above 
$('<li>' + lines + '</li>').appendTo('#list');

$（“#职责”）.text（$（“+eachline+）.text（））；
//在上面的后面加上这一行
$（“
”+行+”
）。附录（“#列表”）；

$("#resp").append('<li> +eachline </li> ')   

$('#responsibilities').text($("<div>" + eachline + "</div>").text() ).before("<li>"+lines+"</li>");

var $responsibilityInput = $('#responsibilityInput'),
    $responsibilityList = $('#responsibilityList'),
    $inputButton = $('#addResp'),
    rCounter = 0;

var addResponsibility = function () {
    if(rCounter < 10){
        var newVal = $responsibilityList.val()+$responsibilityInput.val();
        if(newVal.trim()!==''){
            var newLi = $('<li>');
            $('ul#respList').append(newLi.text(newVal));
            $responsibilityList.val('');
            rCounter+=1;    
        }
    }
}

$inputButton.click(addResponsibility);

$('#responsibilities').text( $("<div>" + eachline + "</div>").text() );

// add this line after above 
$('<li>' + lines + '</li>').appendTo('#list');