Удалить li из ul на основе значений пользовательских атрибутов с помощью Jquery

#jquery #jquery-ui #custom-attributes

#jquery #jquery-пользовательский интерфейс #пользовательские атрибуты

Вопрос:

У меня есть несколько ul с li с пользовательскими атрибутами:

 <ul data-id="1">
  <li data-li-id="1">This</li>
  <li data-li-id="2">That</li>
  <li data-li-id="3">Here</li>
</ul>


<ul data-id="2">
  <li data-li-id="1">This</li>
  <li data-li-id="2">That</li>
  <li data-li-id="3">Here</li>
</ul>
  

и я знаю идентификатор данных списка и идентификатор данных li для li, и я хочу удалить li из списка. Пока у меня есть:

  $("ul[data-id="   data.listId   "] > li").attr('[data-li-id="'   data.listItemId   '"]').remove();
  

но не могу заставить это работать. Будем признательны за любую помощь.

Ответ №1:

Попробуйте

 $("ul[data-id="   data.listId   "] > li[data-li-id="   data.listItemId   "]").remove();
  

Комментарии:

1. Спасибо… Отметьте, чтобы быть первым

Ответ №2:

Вот тест:http://jsfiddle.net/LFEAs /

 
var listId = 2;
var listItemId = 1;
$("ul[data-id="   listId   "] > li[data-li-id="   listItemId   "]").remove();
  

Комментарии:

1. Спасибо … Рон просто побил тебя за галочку

Ответ №3:

Возможно http://jsfiddle.net/7fcCH/2 /

 $('ul[data-id='  data.listId  '] li[data-li-id='   data.listItemId   ']').remove();
  

Комментарии:

1. Спасибо… Рон опередил вас на 2 минуты, поэтому он получит галочку