У меня есть список, содержащий элементы списка с атрибутом данных, например:
<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?
спасибо
Вы можете попробовать это (пример):
var c = 'usa', t = '1940';
$("li[data-c='" + c + "'][data-t='" + t + "']").clone().appendTo(".someClass" );
Элементы, соответствующие атрибуту data
будут клонированы и добавлены.