javascript - jquery htmlのフォームのないオブジェクトHTMLInputElement

Question

私には機能があります

function changeval(fid) { 
    $('#'+fid).html('<span onclick="alert(' + fid + ');" class="link">Change</span>');
}

そもそも fid は通常の変数として表示され、必要な div に影響を与えます (ID は「fid」) が、アラート機能では [object HTMLInputElement] として表示されます。どうすればいいのかわからない...すべてを試したと思う...

Answer 1

html 出力で「fid」を引用符で囲む必要があります。引用符なしで、最初の要素に'id="fid's content"'.

ここを見る

function changeval(fid) { 
  $('#'+fid).html('<span onclick="alert(\'' + fid + '\');" class="link">Change</span>');
}

Answer 2

「onclick」を削除して、このようにします（jquery 1.7.1を使用）。

$(function() {//Document ready

    $('body').on('click','.link',function(){
        //Do what you want i.e...
        alert($(this).parent().attr('id'));
        alert($(this).parent().html());
    });

});

function changeval(fid) { 
    $('#'+fid).html('<span class="link">Change</span>');
}

それが役に立てば幸い。