Передайте это и значение через запятую в качестве аргументов функции

Question

У меня есть функция, которая создает кнопки динамически, и по щелчку я передаю некоторые аргументы от события щелчка до функции. аргументы, которые я передал: это, а второй - строка, разделенная запятыми. моя проблема в том, что когда я передал этот аргумент, я получил эту ошибку:

Неожиданный конец ввода

это кнопка:

<button class="btnCustom" onclick="getCustomItems(this, ' + CustomIDs + ')" type="button">...</button>

CustomIDs ="3,4,5";

и функция:

function getCustomItems(e, CustomIDs) {
    var IDs = CustomIDs ;
}

Как я могу передать разделенный запятыми объект this и CustomIDs в качестве аргументов функции?

Answer 1

Вы можете обновить переменную Id и передать ее функции как переменную

var CustomIDs='my id custom'

<button class="btnCustom" onclick="getCustomItems(this, CustomIDs)" type="button"></button>

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 2

Если ваши идентификаторы генерируются динамически, попробуйте установить свои настраиваемые идентификаторы в качестве атрибута для этой кнопки и просто передайте «this» в качестве ключевого слова в вашей функции, а внутри вашей функции извлекайте свои идентификаторы из атрибута, используя this.

  <button class="btnCustom" onclick="getCustomItems(this)" customIDs="3,4,5"  type="button">...</button>


 function getCustomItems(e) {
      var customIDs= e.getAttribute('customIDs');
      console.log(customIds);
       //3,4,5   
      var ids= customIds.split(',');
       console.log(ids);
       //[3,4,5]
      }

Answer 3

В настоящее время вы передаете строку + CustomIDs + в вашу функцию - попробуйте переменную:

onclick="getCustomItems(this, CustomIDs)"