javascript - 搜索具有某些类名的重复 ID

Question

此函数将查找所有重复的自定义属性并发出警报(例如，如果您尝试使用 foo 而不是默认的 id)。

function duplicateAttrChecker() {

    var parmName = "foo";
    $("["+parmName+"]").each(function(){
        var value = $(this).attr(parmName);
        if($("["+parmName+"='"+ value + "']").length > 1) {
            console.log('duplicate', parmName, 'for value', value);
        }
    });

}

完整代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

<p foo="one">hello</p>
<p foo="three">hello</p>
<p foo="one">hello</p>

<script>
    function duplicateAttrChecker() {

        var parmName = "foo";
        $("["+parmName+"]").each(function(){
            var value = $(this).attr(parmName);
            if($("["+parmName+"='"+ value + "']").length > 1) {
                console.log('duplicate', parmName, 'for value', value);
            }
        });

    }

    duplicateAttrChecker();
</script>

如何修改它以仅查找某些类的重复项？

因此，它应该像 “搜索所有具有 bar 类的元素并告诉我其中是否有重复的 foo” 一样工作。

Answer 1

Class selectors具有语法 .className。

function duplicateAttrChecker(className) {
  var parmName = "foo";
  $("." + CSS.escape(className) + "[" + CSS.escape(parmName) + "]").each(function(){
    var value = $(this).attr(parmName);
    if($("." + CSS.escape(className) + "[" + CSS.escape(parmName) + "=" + CSS.escape(value) + "]").length > 1) {
      console.log('duplicate', parmName, 'for value', value);
    }
  });
}