Как проверить, что специальные элементы были внутри div через jquery?

Question

Например, контейнер div:

<div class="container">
  <ul>
    <li id="apple"> apple </li>
    <li id="banana"> banana </li>
    ....
  </ul>
</div>

И я собираюсь добавить новые элементы li внутри контейнера ,поэтому мне нужен способ проверить, использовался ли тот идентификатор li , который будет добавлять , или нет?

[обновление]

В моем случае у меня будет несколько контейнеров , поэтому элементы li будут иметь одинаковый идентификатор возможно внутри одного или нескольких из них одновременно.

Большое спасибо!?

Answer 1

Вы можете иметь только один уникальный идентификатор на странице. Поэтому у вас никогда не должно быть двух или более элементов списка с одинаковым идентификатором, даже если они могут находиться в разных контейнерах. Вы хотели бы изменить class = "container" на id = "container" и добавить li только к этому одному div. ИЛИ вам нужно изменить свой элемент списка id = 'orange' на class = 'orange', тогда вы можете добавить этот элемент списка в каждый div с классом контейнера. Я предполагаю, что второй выбор - это то, что вы хотите сделать.

newlistItem = "<li class="orange"> orange </li>"; //build the new list Item

var newId = $('newlistItem').attr('class'); // load the class of the li you want to append

var findId = "." + newId; //build the selector you want to find

foundListItem = $('.container').find(findId);

 if (foundListItem.length == 0) {  // if not found we can now add it

  // this will add li to every div with class container (use an id for just one div)
  $('newlistItem').appendTo('.container'); 

  }

Answer 2

Попробуйте:

if ($("div.container ul li#" + your_id))

Обычно проверяют, существует ли идентификатор в вашем списке.Если это не работает, попробуйте

if ($("div.container ul li#" + your_id).length )

Answer 3

($('#apple').length > 0 ) вернет true, если существует яблоко id.