查找第一个、第二个和第三个的公共父级“；p"；元素，如果使用jquery仅向上3级_Jquery_Html

查找第一个、第二个和第三个的公共父级“；p"；元素，如果使用jquery仅向上3级

jquery html

查找第一个、第二个和第三个的公共父级“；p"；元素，如果使用jquery仅向上3级,jquery,html,Jquery,Html,假设正文更多文本更多文本考虑到这一点，将选择带有“text”和“more text”的p元素。但是p元素“甚至更多的文本”不会是这样的，因为它嵌套的层次超过了3层您可以使用多个选择器执行此操作： <body> <div class="common-parent"> <div class="level-1"> <p>text</p> </div> <div cl

假设


正文
更多文本
更多文本

考虑到这一点，将选择带有“text”和“more text”的p元素。但是p元素“甚至更多的文本”不会是这样的，因为它嵌套的层次超过了3层

您可以使用多个选择器执行此操作：

<body>
 <div class="common-parent">
    <div class="level-1">
          <p>text</p>
    </div>
    <div class="level-1">
          <div class-"level-2">
          <p>more text</p>
          </div>
    </div>
    <div class="level-1">
          <div class="level-2">
              <div class="level-3">
               <p>even more text</p>
               </div>
           </div>
     </div>
</div>
</body>

您可以参考以下代码：

var $nodes = $(".level-1>p, .level-2>p");

您不需要在div上设置“level”类。您可以通过直接子代

选择器完成这一切，如下所示：

$(document).ready(function()
{
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
    $(".common-parent .level-1 p ").each(function()
    {
         /*Code to implement */
    });

});

到目前为止，您编写了哪些jQuery代码>

$("#common-parent>div>p, #common-parent>div>div>p");