Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery根据包含的类选择父DIV内容_Javascript_Jquery_Html_Jquery Selectors - Fatal编程技术网

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'));  
});