Javascript 使用jquery根据包含的类选择父DIV内容
我想根据Javascript 使用jquery根据包含的类选择父DIV内容,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,我想根据DIV中的类来刮取DIV的内容,例如,我的页面将包含 <html> <head></head> <body> <div> <p class="foo">some text</p> <p>test1</p> <p>test 2</p> </div> </body> <
DIV
中的类来刮取DIV
的内容,例如,我的页面将包含
<html>
<head></head>
<body>
<div>
<p class="foo">some text</p>
<p>test1</p>
<p>test 2</p>
</div>
</body>
</html>
但是只得到一个空结果?您应该首先找到
.foo
,然后使用.nexist()
$(.foo”).closest(“div”).css(“颜色”、“红色”)代码>
身体
一些文本
测试1
测试2
身体
您应该首先找到.foo
,然后使用.closest()
$(.foo”).closest(“div”).css(“颜色”、“红色”)代码>
身体
一些文本
测试1
测试2
身体
为了获得更好的方法,需要首先以主体为目标,而不是查找特定的类查找('.foo')
您可以查看如下工作示例:
$(文档).ready(函数(){
$('body')。最近的('body')。查找('foo')。css(“颜色”,“红色”)
})
一些文本
测试1
测试2
为了获得更好的方法,需要首先以主体为目标,而不是查找特定的类查找('.foo')
您可以查看如下工作示例:
$(文档).ready(函数(){
$('body')。最近的('body')。查找('foo')。css(“颜色”,“红色”)
})
一些文本
测试1
测试2
<div>
<p class="foo">some text</p>
<p>test1</p>
<p>test 2</p>
</div>
$.get("https://some.url.com/index.html", function(my_var) {
console.log($(my_var).closest('div').find('.foo'));
});
$.get("https://some.url.com/index.html", function(my_var) {
console.log($(my_var).find(".foo").closest('div'));
});