<div class="container">
    <input type="text" id="itemInput" placeholder="输入内容">
    <button id="submitBtn">提交</button>
    <ul id="itemList"></ul>
</div>

$(document).ready(function() {
    // 为提交按钮绑定点击事件
    $('#submitBtn').click(function() {
        // 获取输入框的值
        var inputValue = $('#itemInput').val().trim();
        
        // 检查输入是否为空
        if(inputValue !== '') {
            // 创建新的li元素并添加到ul中
            $('#itemList').append($('<li>').text(inputValue));
            
            // 清除输入框内容
            $('#itemInput').val('');
        } else {
            alert('请输入内容');
        }
    });
    
    // 可选：按回车键也能触发提交
    $('#itemInput').keypress(function(e) {
        if(e.which === 13) { // 13是回车键的keyCode
            $('#submitBtn').click();
        }
    });
});

// 确保DOM完全加载后再执行代码
$(document).ready(function() {
    // 你的代码
});

// 或者简写为
$(function() {
    // 你的代码
});

// 确保选择器正确
$('#itemInput').val('');

if($('#itemList li:contains(' + inputValue + ')').length === 0) {
    $('#itemList').append($('<li>').text(inputValue));
    $('#itemInput').val('');
} else {
    alert('该项已存在');
}

$('#itemList').on('click', 'li', function() {
    $(this).remove();
});

$('#itemList').append($('<li>').text(inputValue).addClass('new-item'));