<legend id='76yxB'><style id='76yxB'><dir id='76yxB'><q id='76yxB'></q></dir></style></legend>
  1. <i id='76yxB'><tr id='76yxB'><dt id='76yxB'><q id='76yxB'><span id='76yxB'><b id='76yxB'><form id='76yxB'><ins id='76yxB'></ins><ul id='76yxB'></ul><sub id='76yxB'></sub></form><legend id='76yxB'></legend><bdo id='76yxB'><pre id='76yxB'><center id='76yxB'></center></pre></bdo></b><th id='76yxB'></th></span></q></dt></tr></i><div id='76yxB'><tfoot id='76yxB'></tfoot><dl id='76yxB'><fieldset id='76yxB'></fieldset></dl></div>
    <tfoot id='76yxB'></tfoot>
        <bdo id='76yxB'></bdo><ul id='76yxB'></ul>
    1. <small id='76yxB'></small><noframes id='76yxB'>

      如何在 jQuery 属性选择器中将逻辑 OR 与逻辑 AND

      时间:2023-09-08
        1. <i id='BfBDx'><tr id='BfBDx'><dt id='BfBDx'><q id='BfBDx'><span id='BfBDx'><b id='BfBDx'><form id='BfBDx'><ins id='BfBDx'></ins><ul id='BfBDx'></ul><sub id='BfBDx'></sub></form><legend id='BfBDx'></legend><bdo id='BfBDx'><pre id='BfBDx'><center id='BfBDx'></center></pre></bdo></b><th id='BfBDx'></th></span></q></dt></tr></i><div id='BfBDx'><tfoot id='BfBDx'></tfoot><dl id='BfBDx'><fieldset id='BfBDx'></fieldset></dl></div>
        2. <tfoot id='BfBDx'></tfoot>

              <legend id='BfBDx'><style id='BfBDx'><dir id='BfBDx'><q id='BfBDx'></q></dir></style></legend>
                <tbody id='BfBDx'></tbody>

            • <small id='BfBDx'></small><noframes id='BfBDx'>

                <bdo id='BfBDx'></bdo><ul id='BfBDx'></ul>
                本文介绍了如何在 jQuery 属性选择器中将逻辑 OR 与逻辑 AND 结合起来?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                问题描述

                给定以下 XML:

                <users>
                    <user state="CA" sex="m">Max</user>
                    <user state="AZ" sex="f">Jen</user>
                    <user state="OR" sex="f">Kim</user>
                    <user state="NV" sex="m">Bob</user>
                    <user state="CA" sex="m">Jon</user>
                    <user state="AZ" sex="m">Jim</user>
                    <user state="OR" sex="f">Joy</user>
                    <user state="NV" sex="f">Amy</user>
                </users>
                

                使用 jQuery,有没有办法选择男性用户,来自 CA 或 NV,但不使用过滤功能?说清楚,我知道

                Using jQuery, is there a way to select users who are male and are either from CA or NV, but without using the filter function? To be clear, I know that

                $(xml).find("user[sex='m']")
                

                只选择男性用户,而

                $(xml).find("user[state='CA'],[state='NV']")
                

                从 CA 或 NV 中选择所有用户.但我无法在单个选择器中将它们与逻辑 AND 结合起来.

                selects all users from either CA or NV. But I am not able to combine both of them with a logical AND within a single selector.

                但是,使用过滤器功能,以下工作:

                Using the filter function, however, the following works:

                $(xml).find("user").filter(function() {
                    return $(this).attr('sex') == 'm' && ($(this).attr('state') == 'CA' || $(this).attr('state') == 'NV')
                }).each(function() {
                    alert($(this).text());
                });
                

                谢谢!

                推荐答案

                试试这个:

                $(xml).find("user[sex='m'][state='CA'], user[sex='m'][state='NV']")
                

                基本上,您将 sexstate 属性链接在一个简单的选择器中(这将是您的逻辑与),并在每个状态重复一次(这将是你的逻辑或).

                Basically you chain the sex and state attributes together in a single simple selector (this would be your logical AND), and repeat them once per state (and this would be your logical OR).

                测试:

                $(xml).find("user[sex='m'][state='CA'], user[sex='m'][state='NV']")
                      .each(function() {
                          alert($(this).text() + " - " + $(this).attr('state'));
                      });
                

                输出:

                Max - CA
                Bob - NV
                Jon - CA
                

                这篇关于如何在 jQuery 属性选择器中将逻辑 OR 与逻辑 AND 结合起来?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                上一篇:YouTube 和 Twitch 如何覆盖带音频视频的自动播放策 下一篇:CSS 框模型属性排序约定

                相关文章

                最新文章

                1. <i id='ixg4T'><tr id='ixg4T'><dt id='ixg4T'><q id='ixg4T'><span id='ixg4T'><b id='ixg4T'><form id='ixg4T'><ins id='ixg4T'></ins><ul id='ixg4T'></ul><sub id='ixg4T'></sub></form><legend id='ixg4T'></legend><bdo id='ixg4T'><pre id='ixg4T'><center id='ixg4T'></center></pre></bdo></b><th id='ixg4T'></th></span></q></dt></tr></i><div id='ixg4T'><tfoot id='ixg4T'></tfoot><dl id='ixg4T'><fieldset id='ixg4T'></fieldset></dl></div>
                  <tfoot id='ixg4T'></tfoot>
                    <bdo id='ixg4T'></bdo><ul id='ixg4T'></ul>

                  <small id='ixg4T'></small><noframes id='ixg4T'>

                2. <legend id='ixg4T'><style id='ixg4T'><dir id='ixg4T'><q id='ixg4T'></q></dir></style></legend>