JS / JQuery получить переменный текст на основе идентификатора элемента, по которому щелкнули

Question

Попытка понять, как получить заданную переменную строку на основе идентификатора выбранных элементов (переменные и идентификаторы одинаковы).

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

});

Поэтому, если я щелкну элемент с идентификатором testid, консольвывод "тестирование".

Answer 1

Вместо отдельных переменных объедините значения в объект с ключами по именам значений 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>