Question

我想使用JavaScript或jQuery找到任何子选择器的父选择器。以下是静态HTML页面的示例代码：

<div id="container">
  <div class="box"></div>
  <div class="box-2"></div>
</div>

<div class="box"></div>

此处class box和class box-2位于ID为container的元素内。

假设我需要在某些情况下找到CSS选择器。现在，在这种情况下，这是一个小例子。但是，如果代码繁重，我想找到box或box-2的父选择器container。它使这个过程变得简单而灵活，而不是从谷歌开发者控制台手动查找（我正在使用chrome）。

Answer 1

父的CSS选择器

我会回答说没有css选择器可用于父元素。

但是你可以使用js / jQuery来获取它的父元素。在jQuery中像这样：

var cont = $('.box').siblings('.box-2').parent();

.filter()：

var cont = $('div').filter(function(){
    return $(this).find('.box').length && $(this).find('.box-2').length;
});

Answer 2

你可以用两种方式做。如果你不知道父类，并且知道标签，你可以这样做：

?- split([a, computer, consists, hardware],L).
L = [[a],[computer],[consists],[hardware]] ?

$(function () {
  $(".box, .box-2").html(function () {
    return "My parent's class is: " + $(this).closest("div").closest("div").attr("class");
  });
});

Answer 3

试试这个：

$('.box-2').parent();

使用jQuery或Javascript从Child查找父CSS选择器

3 个答案: