Как я могу скрыть ли, используя jquery? hide () не работает

Question

вот код html

<button value="{store name}" type="button" id="store_name">{store name}</button>
<ul>
    <li id="#store_name_li">Add your brand name. <a>{store name}</a></li>
</ul>

вот Jquery

$('#store_name').on('click', function () {
    $('#store_name_li').hide(); // not working
    var stuff = $(this).val();
    $('.emojionearea-editor').append(stuff); // working
});

в чем проблема?

Answer 1

Изменить,

 <li id="#store_name_li">Add your brand name. <a>{store name}</a></li>

на :

 <li id="store_name_li">Add your brand name. <a>{store name}</a></li>

Удалить # из id="#store_name_li".

Рабочий фрагмент выглядит следующим образом:

$('#store_name').on('click', function () {
    $('#store_name_li').hide(); // not working
    var stuff = $(this).val();
    $('.emojionearea-editor').append(stuff); // working
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button value="{store name}" type="button" id="store_name">{store name}</button>
<ul>
    <li id="store_name_li">Add your brand name. <a>{store name}</a></li>
</ul>