JQuery / JS变量来提醒文本

Question

我有这段代码：

$('#output').html("<strong>id:</strong>"+id);

然后

<div id="output">this element will be accessed by jquery and this text replaced</div>

以上工作正常，但我需要的是输出进入警报......

<a href="#" onclick="alert('OUTPUT GOES HERE')">Alert Me</a>  <- See here

如何做到这一点？

Answer 1

为锚点提供某种类型的id或可用于查找的属性：

<a href="#" id="alertOutput">Alert Me</a>

然后绑定到其click事件以提醒#output元素的文本内容：

$("#alertOutput").on("click", function(e){
    e.preventDefault();
    alert( $("#output").text() );
});

e.preventDefault()部分会阻止页面在单击锚点时跳回文档的顶部。

Answer 2

不确定我是否完全理解您的要求，请绑定点击事件而不是onclick属性。

HTML：

<a href="#" id="alertAnchor">Alert Me</a>

JavaScript的：

$('#alertAnchor').on('click', function(e) {
    e.preventDefault();
    alert($('#output').text());
});

希望这会有所帮助，如果你澄清了你要找的东西我可以编辑。

Answer 3

或者如果你很懒，想要快速修复：

<a href="#" onclick="e.preventDefault(); alert($('#output').html())">Alert Me</a>  <- See here