<td class="left">
      <span class="copyTarget"><?php echo $coupon['code']; ?></span>
      <a class="copyButton">[Copy code]</a>
  </td>

结果如下:

javascript 代码
$('.copyButton').click(function() {
  var a = $('.copyTarget').text();
   alert(a);
});

单击按钮时输出结果:

问题:当我按下按钮时,它会返回代码中的所有值,例如,有 4 个值是 promo10,yesss,promo111,zz12 。但我想要的是当我点击复制代码按钮时,然后只复制我想要的一个代码。我怎么做那个T.T???

最佳答案

您可以使用 .closest() .siblings() .prev() 来定位相关的 .copyTarget span :

$(this).closest('td').find('.copyTarget').text();
//or
$(this).siblings('.copyTarget').text();
//or
$(this).prev('.copyTarget').text();

希望这可以帮助。

$('.copyButton').click(function() {
   console.log( $(this).siblings('.copyTarget').text() );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="left">
      <span class="copyTarget">Code 1</span>
      <a class="copyButton">[Copy code]</a>
    </td>
  </tr>
  <tr>
    <td class="left">
      <span class="copyTarget">Code 2</span>
      <a class="copyButton">[Copy code]</a>
    </td>
  </tr>
  <tr>
    <td class="left">
      <span class="copyTarget">Code 3</span>
      <a class="copyButton">[Copy code]</a>
    </td>
  </tr>
</table>

关于javascript - Jquery 从文本中获取值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41723238/

10-11 12:58
查看更多