Как сделать переменную JS в цикле вывода PHP?

Question

[prrrrrrr]

Подскажите, есть к примеру скрипт, там задаётся #id, статически всё работает. Только вот как сделать это в цикле вывода PHP, если id задаётся единожды?

Пример JS

<script>
    $( document ).ready(function() {
        $('#s-h').click(function(){
            var type = $('#show-text').attr('type') == "text" ? "password" : 'text',
             c = $(this).text() == "Скрыть текст" ? "Показать текст" : "Скрыть текст";
             $(this).text(c);
             $('#show-text').prop('type', type);
        });
    });
</script>

Пример PHP

...
	foreach ($... as $...) {
	echo '<input type="password" id="show-text" value="' .$text. '" />
	<a href="#" id="s-h">Показать текст</a>
	...

Как задать каждому ID уникальное имя (PHP/JS), чтобы данный скрипт работал не в одноразовом варианте, а в цикле?

Answer 1

[Александр]

jsfiddle.net

Comments

[prrrrrrr]

а что добавить, чтобы между input и ссылкой срабатывало < br >?

[Александр]

prrrrrrr, jsfiddle.net/pz2ms396/1

Answer 2

[iBird Rose]

а не легче через
$(document).on('click', '.some-class' function(){
повесить обработчик на класс и не юзать id?

Comments

[prrrrrrr]

и вот результат. кликаю на второй input, срабатывает первый

[Вячеслав]

prrrrrrr,

если массив имеет числовые ключи, то можно просто так:

foreach ($... as $key => $...) {
echo '<input type="password" id="show-text- ' . $key . ' " value="' .$text. '" />
<a href="#" id="s-h- ' . $key .  ' ">Показать текст</a>
...';
}

если же не числовые, то можно перед циклом добавить $i, типа так:

$i = 0;
foreach ($... as $...) {
echo '<input type="password" id="show-text- ' . $i . ' " value="' .$text. '" />
<a href="#" id="s-h- ' . $i .  ' ">Показать текст</a>
...';
$i++;
}

[iBird Rose]

prrrrrrr, ну тк не обращайся внутри по классу. обращайся через $(this)

[Егор Живагин]

prrrrrrr, учитесь юзать область видимости - this - и не будет таких костылей)