如何获得特定div的父级?

时间:2017-03-14 05:33:48

标签: javascript jquery html css

快速说明:关于jQuery我很不高兴,很抱歉,如果有什么东西看起来像怪物:D

大家好,我有一个使用.parent()的jQuery函数的问题,我必须修复。

我希望使用.parent()函数来定位特定的而不是最近的一个,以便更改该特定div的颜色。

我已经在这个imgur图像集中解释了所有内容:

http://imgur.com/a/QaWAZ

我该怎么办?在集合中应该有关于函数及其影响的所有内容,但是如果你需要我的整个.rar项目让我知道,我可以上传并交给你,所以也许你可以测试它。

如果你想要我的.rar,请记住,这是针对团队项目的,我不想混淆太多东西,因为它不仅仅是由我完成的。我宁愿尝试保留现在的所有内容,除了notes.append()部分和有关颜色变化的功能。

3 个答案:

答案 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/