javascript — данные должны отображаться только относительно кнопки, на которую я нажал
У меня есть шесть кнопок в таблице, после нажатия каждой кнопки должны отображаться данные, относящиеся к кнопке, если я нажимаю другую кнопку, предыдущие данные должны исчезнуть, и должны отображаться только данные, относящиеся к этой кнопке. Я использую div. Пожалуйста, помогите мне, как это сделать.
Решение
Сначала вы можете скрыть div, а затем показать это в соответствии с Id кнопки.
Посмотри пожалуйста скрипка
$("#bt1").click(function(){
$(".hide").hide();
$("#id1").show();
})
$("#bt2").click(function(){
$(".hide").hide();
$("#id2").show();
})
$("#bt3").click(function(){
$(".hide").hide();
$("#id3").show();
}).hide{display:none}<table>
<tr>
<td><button type="button" id="bt1">button1</button></td>
<td><button type="button" id="bt2">button2</button></td>
<td><button type="button" id="bt3">button3</button></td>
</tr>
</table>
<div id="id1" class="hide">Button1</div>
<div id="id2" class="hide">Button2</div>
<div id="id3" class="hide">Button3</div>Другие решения
Других решений пока нет …