Question

如何从全局变量属性中获取单击的锚标记的HTML？

例如，我有Google，Yahoo，Apple等链接，而onClick我需要提醒此HTML的任何链接。

我可以通过函数内部的变量声明来实现这一点，但是我在同一页面中有3,000多个函数，它们具有不同的类/标识，因此我很难做到。

<a href="#" class="action g">Google</a><br>
<a href="#" class="action y">Yahoo</a><br>
<a href="#" class="action a">Apple</a><br>
<a href="#" class="action s">Samsung</a>
<!-- and so on... -->

var myHtml = $(this).html();
$(document).on('click', '.action', function() {
  alert(myHtml);
});

我可以通过以下代码执行此操作，但需要为所有功能添加相同的代码

var myHtml;
$(document).on('click', '.action.g', function() {
  myHtml = $(this).html()
  alert(myHtml);
});

FIDDLE

Answer 1

工作顺利

$('.action').on('click', function(event){
  alert(event.target.text);
});

她是工作中的Fiddle

Answer 2

按照@Rory的建议尝试此操作

var myHtml;
$(document).on('click', '.action', function() {
  myHtml = $(this).html()
  alert(myHtml);
});

希望这会有所帮助

Answer 3

在链接上使用onclick

function a(e) {
  alert($(e).html())
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" class="action g" onclick="a(this)">Google</a><br>
<a href="#" class="action y" onclick="a(this)">Yahoo</a><br>
<a href="#" class="action a" onclick="a(this)">Apple</a><br>
<a href="#" class="action s" onclick="a(this)">Samsung</a>

从全局变量（公共）声明中获取HTML

3 个答案: