Как передать id кнопки в JS?

Question

[Hayrat]

Приветствую всех!

Застопорился на следующем: нужно передать уникальный id кнопки в JS, чтобы выполнить скрипт. Пока что не очень соображаю в этом. Скрипт находится в отдельном файле, не на странице с кнопкой.

Вытаскиваю из БД id, получается такой код:

<button type="button"id="'.$User['id'].'">Выполнить скрипт</button>

Нужно как-то передать $User['id'] в JS:

$('#Вот сюда').click(function()

Answer 1

[FeST1VaL]

Hayrat, Кнопки у тебя же все одинаковые? даешь им class по классу вешаешь клик и забираешь id

Например:

echo "<button type='button' id='button_{$User['id']}' class='delete' data-id='{$User['id']}'>Кликни меня</button>";

$('.delete').click(function() {
  var id = $(this).attr('data-id');
  //...
}

Comments

[Максим]

вы не поняли
ему надо из php передать id в js

[Hayrat]

Сейчас решил упростить себе задачу - перенести скрипт на ту же страницу.
Теперь ссылаясь на первый ответ получается так:
$(<? $User['id'] ?>).click(function()

Перед $User['id'] мне еще нужен хэштег.
$('#'<? $User['id'] ?>).click(function()
Так верно?

[FeST1VaL]

Hayrat, ну можно конечно же и так) Я предложил тот же вариант без переноса по сути скрипта, просто не понятно что вы дальше делаете с этим id. Просто если у вас всегда одинаковый скрипт, то зачем плодить его

[FeST1VaL]

Максим Ленский, ну, я и передал из php в js data-id='{$User['id']}', в JS забрал этот id и усе, дальше уже че хотите с ним делайте

[Hayrat]

Артем Будин, я просто хочу выполнить скрипт для определенного id. Возникла проблема, что если я не передам уникальный id, то скрипт будет выполняться только для id под номером 1. Вариант, который я написал выше, к сожалению, не работает. Скорее всего, что-то неправильно написал.
$('#'<? $User['id'] ?>).click(function()

[FeST1VaL]

Hayrat, ну без общей картины я не знаю) ссылки нету? я бы через devtools посмотрел

[Hayrat]

В общем, вопрос еще актуален, т.к. не разобрался. Скрипт находится на странице. Нужно передать id из php в js при этом поставив '#'. Код ниже, к сожалению, не работает.

$('#'<? НУЖНЫЙ ID ?>).click(function()

[FeST1VaL]

Hayrat, и чем же он не работает? что не работает? в каком контексте вы вставляете? код когда нить полный будет? Вам не смогут помочь, если мы будем тут гадать. Что подставляется между нужного id? Не пустая ли переменная? Правильно ли вы экранируете скобки, короче говоря пока вы точный вопрос не зададите, ответа не получите. То что я привел вам в пример, как раз отвечает на вопрос, как передать id из php в JS

[Hayrat]

Артем Будин, Еще раз - я из БД вытаскиваю id ($User['id']). Этот id ($User['id']) мне нужно вставить:
$(ВОТ СЮДА).click(function()

Должно получиться следующее (неправильный пример):

$(#$User['id']).click(function()

[FeST1VaL]

Hayrat, ты консоль открывать умеешь? я не знаю короче как тебе еще помочь. ВОт рабочий код как хочешь так и делай.

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<?php
	$users = [187, 188, 189];

	foreach ($users as $id) {
		?>
		<div class="button" id="button_<?=$id?>">НАЖМИ СЮДА! (<?=$id?>)</div>
		<script>
			$('#button_<?=$id?>').click(function() {
				$('.result').html('Нажата кнопка ID: <?=$id?>');
			});
		</script>
		<?php
	}
?>
<br><br><br>
<div class="result"></div>

[Hayrat]

Артем Будин, благодарю за помощь! Задачу решил.

[FeST1VaL]

Hayrat, дело было наверняка в скобках в скрипте и <?=

[Hayrat]

Артем Будин, как раз знак '=' все решил. Просто не знал, что нужно было его поставить.
$('#<?=$User['id']?>').click(function() {

[FeST1VaL]

Hayrat, ну крч понятно, не забудь отметить ответик)

[Hayrat]

Артем Будин, передача data-id тоже пригодилась. Еще раз спасибо за помощь! :)