У меня есть следующий фрагмент:
$(document).ready(function() {
$('.disable').click(function(e) {
//e.preventDefault();
console.log('clicked');
$(this).parent().next('.span_data_a').toggle();
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td class="col-md-6">
<!-- MODIFICA FORM -->
<button type="button" class="btn btn-primary edita" data-toggle="tooltip" data-placement="auto" title="Modifica le impostazioni di questo form"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Edita</button>
<!-- SCARICA DATI -->
<button type="button" class="btn btn-primary risultati" data-value="1" data-toggle="tooltip" data-placement="auto" title="Visualizza e scarica i risultati di questo form">
<span class="glyphicon glyphicon-stats" aria-hidden="true"></span> Risultati</button>
<!-- DISABILITA FORM -->
<button type="button" class="btn btn-primary disable" data-value="1" data-toggle="tooltip" data-placement="auto" title="Disabilita caricamento dati con questo form">
<span class="glyphicon glyphicon-stop" aria-hidden="true"></span> Disabilita
</button>
<!-- RIABILITA FORM -->
<button type="button" class="btn btn-primary enable" data-value="1" data-toggle="tooltip" data-placement="auto" title="Abilita caricamento dati con questo form" style="display: none">
<span class="glyphicon glyphicon-play" aria-hidden="true"></span> Abilita
</button>
<!-- SEGNALA UN BUG -->
<button type="button" class="btn btn-primary" data-value="1" data-toggle="tooltip" data-placement="auto" title="Contattaci se stai riscontrando problemi con questo form">
<span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span> Segnala un bug
</button>
<!-- FORM PRIVATO O PUBBLICO -->
<!--CAMBIO DATA VALIDITA' -->
<span class="span_data_a" style="display: none"><br><br><label for="data-a">Fine validità: </label>
<input type="text" id="data-a"></span>
</td>
</tr>
Я хочу отобразить диапазон с классом «span_data_a», когда я нажимаю кнопку с классом «отключить». Я пробовал разные комбинации .next, .parent, .find, но не могу вызвать отображение диапазона.
Что я делаю не так? Эти кнопки находятся в ряду таблицы. Так что их будет много, и мне нужно показать только диапазон, связанный с нажатой кнопкой. Так что этот код покажет все из них