Как выбрать кнопку внутри тега привязки, не используя идентификатор?

Question

Как выбрать кнопку внутри тега привязки, не используя идентификатор?

0

У меня есть страница, в которой кнопки динамически генерируются PHP на основе таблицы MySQL. Каждая кнопка находится внутри метки привязки. Когда щелчок привязывается, он вызывает функцию Javascript, которая выполняет несколько операций.

Для одной из этих операций мне нужно получить значение кнопки и передать ее в качестве параметра. AFAIK, я не могу использовать идентификатор, потому что кнопки динамически генерируются, и их может быть любое число.

Здесь код кнопки/якоря:

<a href="javascript:void(0)"onclick="updateDetails($(this).text(),$(this).closest('li').attr('id'),<SOMETHING HERE TO GET VALUE OF BUTTON>);"><button type="button" class="regbutton" value="'.$row['instance_id'].'">'.$row['DATE'].'</button></a></span>';

Кажется, что функции jQuery, такие как .next() применимы только к наборам элементов типа li а не к двум разнородным типам элементов. Есть идеи?

ElendilTheTall 19 дек. 2013, в 13:19

Источник

7

Вы не можете иметь кнопку внутри якоря в HTML.
Quentin 19 дек. 2013, в 11:54
0

... и это подробно объясняется здесь . Если бы вы смогли, .find (вместо .closest ) должен был бы помочь.
raina77ow 19 дек. 2013, в 11:57
0

«Кажется, что функции jQuery, такие как .next() применяются только к наборам элементов, подобных li, а не к двум разным типам элементов» - Нет, как объяснено в документации .next() применяется к .next() братьям (то есть элементам с одним и тем же родителем). , а не элементы одного типа). «Я не могу использовать идентификатор, потому что кнопки генерируются динамически, и их может быть любое количество». - Это когда вы используете класс. Хотя, если внешний элемент содержит только одного дочернего элемента (игнорируя, что не имеет смысла помещать кнопку внутри якоря), вам даже не нужен класс.
nnnnnn 19 дек. 2013, в 12:01
0

@quentin Боже, ты прав. Имея это в виду, я могу просто вставить нужную мне переменную прямо в вызов функции! Спасибо, в туре о пути :)
ElendilTheTall 19 дек. 2013, в 12:01

Показать ещё 2 комментария

Теги:

php

javascript

jquery

html

2 ответа

Ещё вопросы

Вы не можете иметь кнопку внутри якоря в HTML.
... и это подробно объясняется здесь . Если бы вы смогли, .find (вместо .closest ) должен был бы помочь.
«Кажется, что функции jQuery, такие как .next() применяются только к наборам элементов, подобных li, а не к двум разным типам элементов» - Нет, как объяснено в документации .next() применяется к .next() братьям (то есть элементам с одним и тем же родителем). , а не элементы одного типа). «Я не могу использовать идентификатор, потому что кнопки генерируются динамически, и их может быть любое количество». - Это когда вы используете класс. Хотя, если внешний элемент содержит только одного дочернего элемента (игнорируя, что не имеет смысла помещать кнопку внутри якоря), вам даже не нужен класс.
@quentin Боже, ты прав. Имея это в виду, я могу просто вставить нужную мне переменную прямо в вызов функции! Спасибо, в туре о пути :)

Stefan Koenen · Answer 1 · 2013-12-19T10-42-00.000Z

Возможно, это недействительный HTML, но вы можете заставить его работать. Я сделал пример JSFiddle, выбрав элемент кнопки для дочерних элементов i, чтобы получить значение.

<script>
    function updateDetails(a, b, c){
        alert(c);
    }
</script>
<a href="#" onclick="updateDetails($(this).text(),$(this).closest('li').attr('id'), $(this).children('button').val());"><button type="button" class="regbutton" value="test">click</button></a>

Надеюсь, это решение подходит вам :).

Стефан

Mainak · Answer 2 · 2013-12-19T09-28-00.000Z

Надеюсь, это хорошо работает, если вы используете JavaScript.

<!DOCTYPE html>
<html>
<head>
<script>
function test()
{
   alert("Hiii");
   var x=document.myForm.click.value;
   alert(x);
}
</script>
</head>
<body>
<form name="myForm" action="html_form_action.asp" method="get">
<a href="#"><input type="button" name="click" value="click" onclick="test()"/></a>
</form>
</body>
</html>