javascript - アラートテキストへの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

これはどのように行うことができますか？

score 1 · Accepted Answer

または、怠惰で迅速な修正が必要な場合：

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

score 1 · Accepted Answer

あなたが求めていることを正確に理解していない場合は、onclick属性の代わりにクリックイベントをバインドしてください。

HTML:

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

JavaScript:

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

探しているものを明確にしていただければ、編集できます。

score 1 · Accepted Answer

idアンカーを検索するために使用できるタイプまたは属性をアンカーに与えます。

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

次に、クリックイベントにバインドして、#output要素のテキストコンテンツを警告します。

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

このe.preventDefault()部分は、アンカーをクリックしたときにページがドキュメントの先頭に戻るのを防ぎます。

3 に答える 3