我想添加一个带有 jQ​​uery 前缀的元素

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);

})

Answer 2

将您的脚本代码更改为

$(document).ready(function() {

    $('#add-container button').on('click', function(e){

        e.preventDefault(); // You may use this line if you wish to disable the default functionality button.

        var value = $('#add-container input').val();

        var html = '<a>' + value + '</a>';

        $('#megobrebi').prepend(html);

    });

});

Answer 3

最后一行应该是

$('#megobrebi').prepend(html);