在div

时间:2019-02-05 12:47:11

标签: jquery selector

我正在尝试建立html网站,我想在div中选择文本

<div class="periodic">
 <div class="periodic-row">
  <div class="cell">
    <div class="element">
      <div class="at_num">102</div>
      <div class="symbol">No</div>
      <div class="at_details">nobelium<br />[259.10]</div>
    </div>
  </div>
  <div class="cell">
    <div class="element">
      <div class="at_num">103</div>
      <div class="symbol">Lr</div>
      <div class="at_details">lawrencium<br />[262.11]</div>
    </div>
  </div>
</div>
</div>

我喜欢103 <div class="element">,我想当我点击随机div div时,我可以在这种情况下选择no或law的文本。...

我尝试了这个jquery选择器:

<script type="text/javascript">
  $(document).ready(function(){
    $(".periodic").click(function(){
      var text = $(this).text();
      alert(text)
    });
  })
</script>

可提醒div的所有103个文本,但我只希望单击的div内的文本

经过研究,我正在尝试这段代码,它看起来更好

   $(document).ready(function() {
    $(".periodic").find("div").click(function(event){
         event.stopPropagation();
      var text = $(this).text();
      alert(text)
    });
    });

但是我仍然只需要选择最后一个文本,例如Lawrencium

2 个答案:

答案 0 :(得分:0)

< div>
        <a href="http://bs.serving-sys.com/BurstingPipe/adServer.bs? 
        cn=brd&FlightID=2997227&Page=&PluID=0&Pos=9088" target="_blank"><img s 
        rc="http://bs.serving-sys.com/BurstingPipe/adServer.bs? 
        cn=bsr&FlightID=2997227&Page=&PluID=0&Pos=9088" border=0 width=300 height=250></a>
    </div>

     var s = $('div').html();

答案 1 :(得分:-1)

var text = $('#field-function_purpose').text();