jQueryセレクタで連結する

Question

簡単な問題。私はjQueryセレクタの中で連結したい変数をjsに持っています。しかし、それは動作していません。エラーもポップアップしません。なにが問題ですか？変数をjQueryセレクタのテキストに正しく連結するにはどうすればいいですか？

<div id="part2"></div> 

<script type="text/javascript" > 

$('#button').click(function() 
{ 
var text = $('#text').val();  
var number = 2; 
$.post('ajaxskeleton.php', { 
red: text  
}, 
    function(){ 
    $('#part' + number).html(text); 
    }); 
}); 


</script> 

Answer 1

$('#part' + number).html(text); 

の構文と間違って何もありませんjQueryのはjQuery Objectを作成するためのパラメータとして文字列（通常はCSSセレクタ）またはDOM Nodeを受け入れます。あなたのケースでは

あなたは

$(<a string>) 

あなたは変数numberとtextへのアクセス権を持っていることを確認している$()に文字列を渡す必要があります。テストへ

を行います。あなたは、アクセス権を持つ関数へのパラメータとして渡すいけない表示された場合

function(){ 
    alert(number + ":" + text);//or use console.log(number + ":" + text) 
    $('#part' + number).html(text); 
}); 

は、あなたが$に.getためuualパラメータを含み、それらの後にカスタムパラメータを渡す必要があります。

Answer 2

連結構文が正しいです。

ほとんどの場合、コールバック関数は呼び出されていない可能性があります。その機能にalert(),console.log()またはdebugger行を入力してテストすることができます。

呼び出されていない場合、おそらくAJAXエラーが発生している可能性があります。例えば、エラーが何であるかを見つけるために$.post()後.fail()ハンドラを連鎖を見てください。：

$.post('ajaxskeleton.php', { 
    red: text  
}, function(){ 
    $('#part' + number).html(text); 
}).fail(function(jqXHR, textStatus, errorThrown) { 
    console.log(arguments); 
});