使用jquery根据包含的类选择父DIV内容

时间:2018-12-03 09:00:05

标签: javascript jquery html jquery-selectors

例如,我想根据DIV中的类来抓取<html> <head></head> <body> <div> <p class="foo">some text</p> <p>test1</p> <p>test 2</p> </div> </body> </html> 的内容,我的页面将包含

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

我尝试过

mGoogleApiClient.clearDefaultAccountAndReconnect()

但是只是得到空结果吗?

2 个答案:

答案 0 :(得分:2)

您应该首先找到.foo,然后使用.closest()

选择其父项。
$.get("https://some.url.com/index.html", function(my_var) {
  console.log($(my_var).find(".foo").closest('div'));  
});

$(".foo").closest("div").css("color", "red");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
  <head>
  </head>
  <body>
    body
    <div>
      <p class="foo">some text</p>
      <p>test1</p>
      <p>test 2</p>
    </div>
    body
  </body>
</html>

答案 1 :(得分:0)

要想获得更好的方法,首先需要定位getMethod("findAllByIdIn",List.class) 而不是查找特定的类body,您可以查看以下工作示例:

find('.foo')
$(document).ready(function(){

$('body').closest('body').find('.foo').css("color", "red")

})