JQuery / JS 变量以提醒文本答案

【问题标题】：JQuery / JS variable to alert textJQuery / JS 变量以提醒文本
【发布时间】：2012-11-19 15:48:50
【问题描述】：

我有这个代码：

$('#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

如何做到这一点？

【问题讨论】：

仅供参考 <b> 将被弃用
@banzsh - 你能记录下这个声明吗？
您的意思是希望 html 在警报中可见
@banzsh：这是不正确的。请参阅this answer 至 Will the <b> and <i> tags ever become deprecated?
我可能是错的，但我很确定我在 w3c 规范上读过它现在找不到。但是，我希望样式只在样式表中，而不是在 html 和样式表中 :) 干杯

【解决方案1】：

给锚点某种类型的id 或可用于查找它的属性：

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

然后绑定到它的点击事件来提醒#output元素的文本内容：

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

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

【讨论】：

【解决方案2】：

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

HTML：

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

JavaScript：

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

希望这会有所帮助，如果您澄清您要查找的内容，我可以编辑。

【讨论】：

【解决方案3】：

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

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

【讨论】：