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

Answer 1

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

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

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>