jquery：如何通过不同的按钮点击获得不同的内容？

Question

我是jquery的新手，我正在尝试将多个按钮实现到同一个模式（bootstrap），这样它就会显示不同按钮点击的相关内容。

我有以下代码：

$(".demo").click(function (){

  var demo2title = "title 2";
  var demo1title = "title 1";

  var demoID = $(this).attr("id");
  var demoTitle = demoID.concat("title");
  $(".title").html(demoTitle);
});

demoTitle假设连接被点击的元素并将其与"title"合并，以创建例如：demo2 + title = demo2title。 然后.html(demoTitle)假设显示var对象（demo2title）。但它只显示“demo2title”作为标题，而不是“标题2”......

我该怎么办？谢谢！

Answer 1

demo1title和demo2title是变量，而demoTitle的值是字符串。因此.html(demoTitle)将HTML设置为其字符串值的内容，而不是与字符串同名的变量的值。

通过字符串真正访问标识符的唯一方法是通过带有属性的[]。例如：

var titlesByID = {
  demo1: 'title 1',
  demo2: 'title 2'
};

$(".demo").click(function (){    
  var demoID = $(this).attr("id");
  var demoTitle = titlesByID[demoID];
  $(".title").html(demoTitle);
});