如何在jquery中找到div外的元素

时间:2016-11-11 15:46:51

标签: jquery html

当我点击按钮时,它会将文本打印到最近的“打印”类。请有人帮帮我。

HTML:

<div class ="row">
  <div id = "div1">
     <div class ="col-md-12">
         <button class ="button">print</button>
     </div>
  </div>
  <div id ="div2">
     <div class ="print">
     </div>
  </div>
</div>
<div class ="row">
  <div id = "div1">
     <div class ="col-md-12">
         <button class ="button">print</button>
     </div>
  </div>
  <div id ="div2">
     <div class ="print">
     </div>
  </div>
</div>

2 个答案:

答案 0 :(得分:1)

我认为你的答案是这样的:

SELECT ...
       (SELECT max(l.log_desc) keep (dense_rank first order by l.timestamp desc)
        FROM   rator_monitoring.alert_logs l
        WHERE  l.kpi_def_id = kd.kpi_def_id) log_desc
FROM   ...

答案 1 :(得分:0)

您可以使用closest() or parents()通过类div转到父row,然后使用print方法找到包含find()类的元素,最后获取使用text()获取文字:

$("button").on('click', function(e){
   console.log( $(this).closest(".row").find(".print").text() );
   //Or
   console.log( $(this).parents(".row").find(".print").text() );
})

希望这有帮助。

&#13;
&#13;
$("button").on('click', function(e){
  console.log( $(this).parents(".row").find(".print").text() );
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class ="row">
  <div id = "div1">
    <div class ="col-md-12">
      <button class ="button">print</button>
    </div>
  </div>
  <div id ="div2">
    <div class ="print">Print div 1 content</div>
  </div>
</div>
<div class ="row">
  <div id = "div1">
    <div class ="col-md-12">
      <button class ="button">print</button>
    </div>
  </div>
  <div id ="div2">
    <div class ="print">Print div 2 content</div>
  </div>
</div>
&#13;
&#13;
&#13;