javascript - Jquery 选择器使用脚本更新

Question

抱歉我的英语不好。

我已经使用ajax调用创建了一个菜单，我唯一的问题是我无法操作一个jquery脚本，我可以在4行中完成:

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

});

<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>

正如您所看到的，插入选择器位置的变量不会更新。我也尝试以各种方式使用准备好的文档，但什么也没有，没有一个可以自行更新。你能帮助我吗？

Answer 1

同时使用选择器 ID de 和 en

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

<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>