javascript - JS/jquery 根据被点击元素的 id 获取可变文本

Question

试图了解如何根据单击的元素 id 获取设置变量字符串（变量和 id 相同）。

var testingid = "testing";
var testingid2 = "testing2";

$('[id ^=inst][id $=STD]').click( function(event) {
    event.preventDefault();
    var text = this.id; //how do I turn the ID to get the set variable?

    console.log(text);

});

因此，如果我单击 id 为 testingid 的元素，控制台将输出“testing”。

标签： javascriptjquery

Answer 1

不是单独的变量，而是将值组合到一个对象中，键是id值的名称。要获取值，请将 id 传递给对象。

注意：您可以使用地图而不是对象。

var ids = {
  testingid: "testing",
  testingid2: "testing2"
};

$('button').click(function(event) {
  event.preventDefault();

  var text = ids[this.id];

  console.log(text);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="testingid">testing</button>

<button id="testingid2">testing2</button>