выберите spcefique texte внутри 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 я мог выбратьтекст в этом случае nobelium или lawrencium ....

Я попробовал этот селектор jquery:

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

, который предупреждает все 103 текста div, но мне нужен только текст внутри div, который янажал

после некоторого исследования, я пытаюсь этот код, и он выглядит лучше

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

, но мне все еще нужно выбрать только последний текст, например lawrencium

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