У меня есть данные о записях, которые я показываю в виде с blade, эти записи - внутри одного foreach
и каждая запись появляется в линии, справа от пластины - пуговицы видения, издавания и стирания. Вопрос - следующий пуговица стирания я присоединил к Вам модальное окно, проблема состоит в том, что в первой пуговице модальная открывается чуда, начиная со второй пуговицы Вы не открываете модальную.
кодекс пуговицы удалять
@foreach($una as $unas)
// otros datos en la tabla
@endforeach
query, который должен разворачивать это:
$('#delete_button').click(function(){
$('.ui.basic.modal').modal('show');
});
Такой каков как эта в документации semantic UI.
Обобщая: в первой X Вы функционируете правильно, его дав следующим Вы не функционируете.
Ясно ошибка состоит в том, что ты используешь один id
(который, должно быть, Гєnico) в нескольких линиях, id в существо Гєnico одинокий функционирует с первым, что я нахожу DOM.
, Чтобы решать твою проблему, ты можешь использовать class
, которые, если бы ты функционировал в твоем случае
Эдж:
$('.delete_button').click(function(){
el_texto_primera_columna=$(this).parent("td").parent("tr").children("td nth:child(1)").html();
console.log("un texto:"+el_texto_primera_columna);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<table>
<tr>
<th> Nro
</th>
<th>botones
</th>
</tr>
<tr >
<td> uno
</td>
<td>
<button type="button" class="circular basic ui icon button delete_button" >
<i class="icon delete" title="Eliminar usuario"></i>
</button>
</td>
</tr>
<tr>
<td> dos
</td>
<td>
<button type="button" class="circular basic ui icon button delete_button" >
<i class="icon delete" title="Eliminar usuario"></i>
</button>
</td>
</tr>
<tr>
<td> tres
</td>
<td>
<button type="button" class="circular basic ui icon button delete_button" >
<i class="icon delete" title="Eliminar usuario"></i>
</button>
</td>
</tr>
<tr>
<td> cuatro
</td>
<td>
<button type="button" class="circular basic ui icon button delete_button" >
<i class="icon delete" title="Eliminar usuario"></i>
</button>
</td>
</tr>
</table>