jQuery克隆列表项匹配两个数据属性

Question

我有一个包含列表项的列表，其数据属性如下：

<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();
....

如何编辑克隆/追加部分以获取与c和t都匹配的项目？

谢谢

Answer 1

您可以尝试此操作（Example）：

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

将克隆并附加与data属性匹配的元素。