javascript - 変数でターゲットを変更する方法

Answer 1

一意の ID ごとに同じコードを何度も繰り返す代わりに、次のことを試してください。

HTML: <a href="#" id="aX">と<a href="#qX">

JS:

// Select for all links that start with "#q(...)"
$("a[href^='#q']").click(function(e) {

    // Prevent default
    e.preventDefault();

    // Define some variables
    var x = $(this).attr("href").substr(2),
        content = $(this).text();

    // Select the correct element to replace text
    $("#a" + x).text(content);
});

[編集]: 完全を期すために - リンクのコンテンツに HTML タグが含まれていて、それらを複製したい場合は、.html()代わりに.text();)を使用してください。

ここでフィドルを参照してください - http://jsfiddle.net/teddyrised/c69P6/

Answer 2

このフィドルを見てください： http://jsfiddle.net/H6j6g/1/

$("a[id^=q]").click(function(){
    $("#a" + this.id.substring(1)).text($(this).text());
})

$("a[id^=q]")文字「q」で始まる ID を持つすべてのリンクを選択します。次に、同じ番号の ID を持つ要素を見つけますが、代わりに文字 "a" で始まり、そのリンクのテキストをクリックされたリンクのテキストに置き換えます。

Answer 3

これを試して：

$('#q1 a').click(function () {
    $('#a1').text($(this).text());
});
$('#q2 a').click(echoAnswer, function () {
    $('#a2').text($(this).text());
});

Answer 4

これは、リンクの数を気にしないソリューションです

また、 e.preventDefault() はリンクがどこにも行かないようにします

デモ

$("a").on("click",function(e) {
  var href = this.href.split("#")[1];

  if (href.indexOf("q") == 0 ) {
    var id = href.replace("q","a");
    $("#"+id).text($(this).text())
    e.preventDefault();
  }
});