如何在行外找到 col，但在 jquery 的页面包装内？

Question

我有一个长源的方法，但我看不到在 main div (id=page-wrapper) 中独立的 col。

我可以将 chrome 开发人员工具用于 select 此元素和 jquery，但我不知道如何，因为如果我将目标标记如下：

$("#page-wrapper .col-md-4") 脚本连续找到一个 col-md-4，这对我帮助不大。 所以我想要这样的东西：

$("not::#page-wrapper .row .col-*").selectThis("#page-wrapper .col-*")

“*”表示“-”之后的任何字符，因为我不知道哪个单元格独立。 如果我可以 select 这个元素，我想添加 css 背景属性，因为我可以突出显示 div.

Answer 1

小提琴中的一些来源可能对您有所帮助。

但是，试试这些，看看你是否找到它：

$('#page-wrapper').siblings('.col-md-4')

$('#page-wrapper').parents('.col-md-4')

$('#page-wrapper').closest('.col-md-4')

以上所有内容都在 #page-wrapper 之外，但方式不同。

编辑：在你的 jsbin 之后，我在这里做了一个例子：http://jsbin.com/daqinizide/1/edit?html,css,js,output

希望对您有所帮助。

Answer 2

试试这个，获取#pagewrapper 的直接子元素：

$('#page-wrapper > .col-md-*');