<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/