Изменение стиля css на основе содержимого элемента html

Question

Дизайн страницы распределения помещений, которая содержит несколько панелей, разработанных в bootstrap.boxes, действует как кровать. Если место занято, тогда выделите заголовок как красный еще зеленый, как освободите, если щелкнуть по зеленой панели, он будет страница распределение номер .if нажал на красную панель он идет освободить страницу номера так, как я должен сделать развитие любой идеи, используя загрузчик и JQuery

function myFunc(id){ 
    if($(id).text()=="") 
     $(id).prev().parent().prev().css("background-color","green"); 
    else 
     $(id).prev().parent().prev().css("background-color","red"); 
} 

// я хочу вызвать ту же функцию при загрузке с mulitiple ид прошел я закончу с событием onclick, но индивидуально

Answer 1

Было много синтаксических ошибок и проблем с кодом.

Вы можете использовать класс jquery.trigger() для .roombed, чтобы вызвать событие при загрузке.

Проверить обновленный jsfiddle: https://jsfiddle.net/nashcheez/bzzmq9mw/1/

Насколько я мог понять вашу проблему, это то, что вы хотите:

function myFunc(id) { 
 
    if ($("#" + id).text() == "") 
 
    $("#" + id).parent().css("background-color", "green"); 
 
    else 
 
    $("#" + id).parent().css("background-color", "red"); 
 
} 
 

 
$(".roombed").trigger("click");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-6"> 
 
    <div class="roombedboxB111" style="border:1px solid #FF2D55;width:333px;"> 
 
    <div class="roombedhead" style="background-color:green;height:5px;"> 
 

 
    </div> 
 

 
    <div class="roombed" style="background-color:white;height:116px;" onclick="myFunc('allocatedname1');"> 
 
     <label style="margin-left: 100px;">BR-111</label> 
 
     <br /> 
 
     <label id="allocatedname1">Jon Doe</label> 
 
     <br /> 
 
     <label id="allocatedyear">1st Year</label> 
 
     <br /> 
 
     <label id="allocatedyear">Computer</label> 
 
    </div> 
 

 

 
    </div> 
 
    <div class="roombedboxB111" style="border:1px solid #FF2D55;width:333px;"> 
 
    <div class="roombedhead" style="background-color:green;height:5px;"> 
 

 
    </div> 
 

 
    <div class="roombed" style="background-color:white;height:116px;" onclick="myFunc('allocatedname2');"> 
 
     <label style="margin-left: 100px;">BR-111</label> 
 
     <br /> 
 
     <label id="allocatedname2">Mark Doe</label> 
 
     <br /> 
 
     <label id="allocatedyear">1st Year</label> 
 
     <br /> 
 
     <label id="allocatedyear">Computer</label> 
 
    </div> 
 

 

 
    </div> 
 

 
</div>