快速说明:关于jQuery我很不高兴,很抱歉,如果有什么东西看起来像怪物:D
大家好,我有一个使用.parent()的jQuery函数的问题,我必须修复。
我希望使用.parent()函数来定位特定的而不是最近的一个,以便更改该特定div的颜色。
我已经在这个imgur图像集中解释了所有内容:
我该怎么办?在集合中应该有关于函数及其影响的所有内容,但是如果你需要我的整个.rar项目让我知道,我可以上传并交给你,所以也许你可以测试它。
如果你想要我的.rar,请记住,这是针对团队项目的,我不想混淆太多东西,因为它不仅仅是由我完成的。我宁愿尝试保留现在的所有内容,除了notes.append()部分和有关颜色变化的功能。
答案 0 :(得分:0)
您要在代码中定位的div有一个id = test,所以只需 $('#item-^').on('click', function()){
// Action to Get data.
});
即可获得它。
或者,如果您想遍历树,请使用$("#test")
代替.parents()
。即。.parent()
https://api.jquery.com/parent/
此方法类似于.parents(),但.parent()仅传播a 单一级别的DOM树。
答案 1 :(得分:0)
简短回答:查看.parents jQuery方法。
https://api.jquery.com/parents/
答案很长:我举了一个例子来帮助说明如何使用.parents()
这是一个关于如何理解jQuery中相对选择器的一个很好的例子。我使用.find函数找到一个符合要求的子项(img)。我也使用.parents搜索所有父元素以获得满足限制的内容。
$(".container").find("img").click(function () {
$(this).parents(".super-container").css("background","blue");
});
div {
padding: 30px;
margin: 30px;
}
.super-container {
background:red;
}
.container {
background:green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="super-container">
<div class="container">
<img src="https://blog.xenproject.org/wp-content/uploads/2014/12/Xen-Panda-Test_Day-125px.png" />
</div>
</div>
答案 2 :(得分:0)
使用.closest()
例如:$(this).closest('div.someNote-box').css('background-color','red');
请参阅此处的参考资料:https://api.jquery.com/closest/