时间戳

首页 > 解决方案 > 在 div 中选择 spcefique texte

jquery - 在 div 中选择 spcefique texte

问题描述

我正在尝试构建 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

标签： jqueryselector

解决方案

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

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

推荐阅读