javascript - 我想添加一个带有前置 jQuery 的元素

Question

我想在单击按钮时添加一个新的 a 元素，但它不起作用

<div id="add-container">
    <input type="text"> <button>add</button>
    <div id="megobrebi">
        <a>Levani</a>
        <a>Markozi</a>
        <a>Zuka</a>
        <a>Sandro</a>
    </div>
</div>

$(document).ready(function() {
    $('#add-container').on('click', 'button', function(){
        var value = $('#add-container input').val;
        var html = '<a>' + value + '</a>'
        $('$megobrebi').prepend(html);
    })
})

Answer 1

按钮上单击事件的处理程序中有两个错误。

首先，您需要调用 jQuery val方法以获取输入的值。

其次，您要添加的 DOM 元素的选择器不正确。

因此，代码应该是:

$('#add-container').on('click', 'button', function(){
    var value = $('#add-container input').val();
    var html = '<a>' + value + '</a>'
    $('#megobrebi').prepend(html);
})