选择div内的文字

Question

我正在尝试建立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)
    });
    });
但是我仍然只需要选择最后一个文本示例法典

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

... []]]]]]]]

< [

< 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();

     <div id="testText">
     test
     </div>

      var mb = $('#testText').text();

Answer 1

< 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();

Answer 2

     <div id="testText">
     test
     </div>

      var mb = $('#testText').text();