javascript - 如何 'get' 匹配 2 个属性/值对的 dom 元素的所有实例？

Question

在 JQuery 中，我知道我能够获取与传递到其 $() 选择器中的属性名称/值对匹配的所有元素:

$("[attribute_name='attribute_value']") 

我已经在我的应用程序中执行了以下操作

 $("[gridster-item='tile']")

<tile class="ng-scope gridster-item" tilevalue="1" gridster-item="tile" row="0" col = "0" ng-repeat="tile in selectedTiles"> </tile>

问题:使用相同的想法，如何获取与不是一个而是匹配两个属性名称/值对的元素的所有实例？假设我想抓取所有具有 row=0 和 col=0 的元素？

Answer 1

你可以这样做...

$( '[row="0"][col="0"]' )

或者使用变量

var row = 0, col = 0
$( '[row="' + row + '"][col="' + col + '"]' )

您还可以在查询元素后对其进行过滤...

$( '[row="0"]' ).filter( '[col="0"]' )

如果您将查询缓存为...，这将特别有用

var els = $( '[row="0"]' )
var elsC0 = els.filter( '[col="0"]' )

再次使用变量

var row = 0, col = 0
$( '[row="' + row + '"]' ).filter( '[col="' + col + '"]' )

这将获取属性行设置为 0 的所有元素，然后将属性 col="0"的元素列入候选名单(过滤)。

让我知道它是如何工作的；)