スクリプトを使用したJqueryセレクタの更新

Question

申し訳ありませんが、私の悪いengl。

var lang='#de'; 
 
$(lang).on("click", function(){ 
 
    if($(this).attr('id')=='de')lang="#en"; 
 
    else lang = "#de"; 
 
    $("#testo").text(lang); \t 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="en" value="test en" /> 
 
<input type="button" id="de" value="test de" /> 
 
<div id='testo'></div>

することができますように：

私はAJAX呼び出しを使用してメニューを作成している、私の唯一の問題は、私は4行でriassumenteできる1つのjqueryのスクリプトを動作させることができないということですセレクターの代わりに挿入された変数が更新されないのを見てください。私は様々な方法でドキュメントを準備していましたが、何もそれを更新することはありませんでした。手伝って頂けますか？

Answer 1

使用の両方のセレクタのid deとen

var lang = 'de'; 
 
$(".language-sel").on("click", function(){ 
 
    lang = $(this).attr("id"); 
 
    $("#testo").text(lang); \t 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="language-sel" type="button" id="en" value="test en" /> 
 
<input class="language-sel" type="button" id="de" value="test de" /> 
 
<div id='testo'></div>

Answer 2

でもあなたは、両方のボタンに同じclassを追加して、クラスのバインドクリックイベントよりもすることができ、以下の見つけてください詳細

ためスニペット

var lang='#de'; 
 
$(".clsbtn").on("click", function(){ 
 
    debugger; 
 
    if($(this).attr('id')=='de') 
 
     {lang="#en";} 
 
    else {lang = "#de";} 
 
    $("#testo").text(lang); \t 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="en" value="test en" class="clsbtn"/> 
 
<input type="button" id="de" value="test de" class="clsbtn"/> 
 
<div id='testo'></div>

Answer 3

jQueryセレクタに複数のカンマ区切りの項目を含めることで、次のようにして目的を達成できます。

var lang='#de, #en'; 
 

 
$(lang).on("click", function(){ 
 
    if($(this).attr('id')=='de')lang="#en"; 
 
    else lang = "#de"; 
 
    $("#testo").text(lang); \t 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="en" value="test en" /> 
 
<input type="button" id="de" value="test de" /> 
 
<div id='testo'></div>