Добрый день. У меня есть кнопки button:
<button class="button_block_table" id="button_1"></button>
<button class="button_block_table" id="button_2"></button>
<button class="button_block_table" id="button_3"></button>
И кнопка для функции привязки:
<button id="button"></button>
Допустим я беру название кнопок с массива:
var arr =['Кнопка1','Кнопка2','Кнопка3'];
И привязываю их к кнопкам:
$('#button').click(function(){
$("#button_1").html(arr[0]);
$("#button_2").html(arr[1]);
$("#button_3").html(arr[2]);
});
А теперь суть вопроса, у меня в css изначально эти кнопки не видны:
.button_block_table{display:none}
Как привязать условие if к классу кнопки, чтобы если название кнопки было не пустое, блок отображался?
К id кнопки условие я делал так:
if (arr[0]){
button_1.style.display = 'inline';
}
но кнопок на самом деле больше трех, и на каждую такое условие писать не хочется.Можно ли написать:
if(название кнопки class="button_block_table" не пусто){
class="button_block_table" display = 'inline';
};
То есть отображались только кнопки с названием.