Элементы списка клонов jQuery, соответствующие двум атрибутам данных

0

У меня есть список, содержащий элементы списка с атрибутом данных, например:

<ul>
    <li data-c="usa">...</li>
    <li data-c="russia">...</li>
    <li data-c="usa">...</li>
</ul>

Затем я клонирую/добавляю с jQuery элементы, относящиеся к определенному атрибуту данных:

var c = $(".select option:selected" ).text();
$("li[data-c='" + c + "']").clone().appendTo(".someClass" );

Он работает отлично.

Теперь я хотел бы добавить второй атрибут данных, например:

<ul>
    <li data-c="usa"    data-t="1940">...</li>
    <li data-c="russia" data-t="1940">...</li>
    <li data-c="usa"    data-t="2014">...</li>
</ul>

Мой jQuery начнется следующим образом:

var c=$( ".select1 option:selected" ).text();
var t=$( ".select2 option:selected" ).text();
....

Как я могу отредактировать часть clone/append, чтобы получить элементы, которые соответствуют как c, так и t?

спасибо

Теги:
matching
clone
custom-data-attribute

1 ответ

1
Лучший ответ

Вы можете попробовать это (пример):

var c = 'usa', t = '1940';
$("li[data-c='" + c + "'][data-t='" + t + "']").clone().appendTo(".someClass" );

Элементы, соответствующие атрибуту data будут клонированы и добавлены.

  • 1
    Хорошо.Спасибо!
  • 0
    Добро пожаловать :-)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню