我想添加一个带有 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(){&nbsp; &nbsp; var value = $('#add-container input').val();&nbsp; &nbsp; var html = '<a>' + value + '</a>'&nbsp; &nbsp; $('#megobrebi').prepend(html);})

Answer 2

将您的脚本代码更改为$(document).ready(function() {&nbsp; &nbsp; $('#add-container button').on('click', function(e){&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault(); // You may use this line if you wish to disable the default functionality button.&nbsp; &nbsp; &nbsp; &nbsp; var value = $('#add-container input').val();&nbsp; &nbsp; &nbsp; &nbsp; var html = '<a>' + value + '</a>';&nbsp; &nbsp; &nbsp; &nbsp; $('#megobrebi').prepend(html);&nbsp; &nbsp; });});

Answer 3

最后一行应该是$('#megobrebi').prepend(html);