使用jQuery prepend方法添加元素问题：点击按钮新增a元素失效

嘿，我帮你排查出代码里的几个关键问题，修正后就能实现点击按钮新增a元素的功能了，咱们一步步来看：

你的代码里的错误点： #

1. 获取输入值的方式错误：$('#add-container input').val 这里的val是jQuery的方法，必须加上括号()才能调用它获取输入框的实际值，否则你拿到的只是方法本身，不是用户输入的内容。
2. 选择器拼写错误：$('$megobrebi') 这里多了一个$符号，正确的ID选择器应该是$('#megobrebi')（ID选择器用#开头，对应你HTML里的<div id="megobrebi">）。

修正后的完整代码： #

HTML部分：

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

jQuery部分：

$(document).ready(function() { 
  $('#add-container').on('click', 'button', function(){ 
    // 修正：调用val()方法获取输入值
    var value = $('#add-container input').val(); 
    // 空值判断：避免添加空元素
    if(!value) return;
    var html = '<a>' + value + '</a>'; 
    // 修正：正确的ID选择器
    $('#megobrebi').prepend(html); 
    // 可选优化：添加后清空输入框，提升用户体验
    $('#add-container input').val('');
  }) 
})

额外优化说明： #

我还加了一个空值判断和清空输入框的逻辑——如果用户没输入内容就点击按钮，不会添加空的a元素；添加成功后输入框自动清空，这样用户操作起来会更顺畅。

内容的提问来源于stack exchange，提问作者Levan Charuashvili