jquery 忽略子元素

Question

您好，我有一个带有嵌套 div 的 div 标签，如下所示

<div class="friendRequestMenu" id="friendRequestMenu">
    <div class="toolbarTitle">
        <span>Friend Requests</span> <a href="javascript:void(0)" class="hyperlink">Find Friends</a>
    </div>
    <div id="friendRequestData">
        <!-- put div class=requestli to see a block-->
        <div class="no-request">
            No New Friend Requests
        </div>
        <a href="javascript:void(0)">
            <div class="see-all-requests">
                See All Requests
            </div>
        </a>
    </div>
</div>

javascript：

$('*').each(function() {   /getting all elements in document
  // do something for all elements except the div tag above
});

我希望代码适用于除 div 标签及其子项之外的所有内容，我知道我可以获取所有 id 并添加例外，但我想这样做仅包含父标签 谢谢 编辑：

嗨，这正是我想要做的

$(document.body).find('*:not(#friendRequestMenu):not(#friendRequestMenu *)').each(function () {

    var clientWidth = $(window).width();
    var clientHeight = $(window).height();
    var heightPercent = ($(this).height() / clientHeight) * 100;
    var widthPercent = ($(this).width() / clientWidth) * 100;
    $(this).css('height', heightPercent.toString());
    $(this).css('width', widthPercent.toString());


    });

，但我想忽略一些元素，因为你可以看到选择器部分代码对我不起作用

Answer 1

$('*:not(#friendRequestMenu):not(#friendRequestMenu *)').each(...);

使用 :not() 选择器应该可以很好地处理这个问题。

Answer 2

最简单的形式如下：

$(':not(#friendRequestMenu, #friendRequestMenu *)').each(...);

第二

$('*').not('#friendRequestMenu, #friendRequestMenu *');

个版本可能更有效，因为我不相信浏览器的 querySelectorAll 的本机实现支持 :not(...).除非您对查询需要多长时间有疑问，否则不必费心优化。

Answer 3

试试这个

$('*').not("#friendRequestMenu, #friendRequestMenu *").each(function(){
  //do something here
});