Kovalsky

360slider.com

Вот прям ваш случай: https://learn.javascript.ru/proxy
https://jsfiddle.net/yarkov_aleksei/q3doo0so/

let dictionary = {
  'Hello': 'Привет',
  'Bye': 'Пока'
}

dictionary = new Proxy(dictionary, {
  get(target, phrase) {
    if (phrase in target) {
      return target[phrase]
    } else {
      console.log(`No phrase: ${phrase}`)
      return phrase
    }
  }
})

// Обращаемся к произвольным свойствам словаря!
alert( dictionary['Hello'] ) // Привет
alert( dictionary['Welcome']) // Welcome (без перевода)

Demo

<div class="main">
 <div class="one"></div>
 <div class="two"></div>
</div>

.main{display: table;}
.main > div{display: table-cell}

да, дружбан, учиться тебе еще и учиться.
https://jsfiddle.net/b9pdaqsd/

Нашел решение тут. Оно подходит если мы используем draggable();

В одном из проектов была схожая задача.
Цена на услугу определялась так-же временем суток. На странице заказа должно было быть вот так:



Заполнять руками все времена для нескольких квестов на месяц вперед- АД!
Более менее удобным оказалось вот так:



Кликаем на нужные времена, выбираем ценовую группу, и добавляется новый блок (несколько времен или в вашем случае мест в зале, группируются по цене).
Этот же интерфейс может показывать свободные и занятые места. И оформлять "заказ" по клику на приглядевшееся место.

Я бы сделал несколько групп мест. У каждой группы свой набор параметров.
"Карту" мест хранил бы как матрицу с номерами групп.

// 1 - дорогие места,  2 - норм, 3 - ничего не видно
var area = [
     [2, 1, 1, 2],
  [3, 2, 1, 1, 2, 3],
     [3, 2, 2, 3],
];
// теперь нам известно, какое место, какой ряд, сколько стоит.

При оформлении заказа можно нужный элемент матрицы заменять на id заказа.
Тогда очень легко будет вывести только свободные места, только свободные конкретной группы, только 3 свободных подряд, короче любые варианты. А если место занято, то тут-же можно получить данные заказа по id.

просто нету на момент создания условия?

Все логично. jQuery вернет пустую коллекцию, если элемент по селектору не найден. Вы проверяете длину этой коллекции, которая равна нулю.

learn.javascript.ru

Есть два способа:

• CSS свойство mix-blend-mode для накладывающихся элементов;
  
• CSS свойство background-blend-mode для множественных фонов одного элемента.
  

Первый вариант: mix-blend-mode: multiply;Fiddle

Второй вариант, когда обе картинки – фон одного элемента:

.fx {
  background-image: url( bg1.png ), url( bg2.png );
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: multiply, normal;
}

Fiddle

Для тех кто подписался:
Нужно сначала разлогиниться из аккаунта
И при повторном входе появится кнопка удалить:

Нажав на нее можно будет поудалять ненужные аккаунты.

Все переделал сначала и заработало

<script>
$(document).ready(function(){
    $('input[name=sw]').click(function(){
      var v = ($(this).val());
      console.log(v);
      if(v === 'one'){
          $('#one').show();
          $('#two').hide();
      }
      else{
          $('#one').hide();
          $('#two').show();
      }
    })
})
</script>
<script>
$(document).ready(function(){
    $('input[name=sw2]').click(function(){
      var v = ($(this).val());
      console.log(v);
      if(v === 'one1'){
          $('#one1').show();
          $('#two2').hide();
      }
      else{
          $('#one1').hide();
          $('#two2').show();
      }
    })
})
</script>
<script>
$(document).ready(function(){
    $('input[name=sw3]').click(function(){
      var v = ($(this).val());
      console.log(v);
      if(v === 'one3'){
          $('#one3').show();
          $('#two4').hide();
      }
      else{
          $('#one3').hide();
          $('#two4').show();
      }
    })
})
</script>
<style>
    .none{
        display:none;
    }
</style>





<style>

 label {
    width: 19px;
    height: 19px;
    display: inline-block;
    position: relative;
   }

   input[type="radio"] + .letter1 {
position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: url(/upload/black.png) no-repeat;
    cursor: pointer;
   }
 input[type="radio"] + .letter2 {
position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: url(/upload/blue.png) no-repeat;
    cursor: pointer;
   }
   input[type="radio"] + .letter3 {
position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: url(/upload/black.png) no-repeat;
    cursor: pointer;
   }
 input[type="radio"] + .letter4 {
position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: url(/upload/blue.png) no-repeat;
    cursor: pointer;
   }

  input[type="radio"] + .letter5 {
position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: url(/upload/black.png) no-repeat;
    cursor: pointer;
   }
 input[type="radio"] + .letter6 {
position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: url(/upload/blue.png) no-repeat;
    cursor: pointer;
   }
  </style>



<div class="inthis89">
     <div class="block89"><div id="one"><img src="/upload/connemarabrown.png"/>
</div>
<div id="two" class="none"><img src="/upload/connemarablue.png"/>
</div>
<label><input type="radio" name="sw" value="one" checked><span class="letter2"></span></label>
<label><input type="radio" name="sw" value="two"><span class="letter1"></span></label></div>
     <div class="block89"><div id="one1"><img src="/upload/connemarabrown.png"/>
</div>
<div id="two2" class="none"><img src="/upload/connemarablue.png"/>
</div>
<label><input type="radio" name="sw2" value="one1" checked><span class="letter4"></span></label>
<label><input type="radio" name="sw2" value="two2"><span class="letter3"></span></label></div>
     <div class="block89"><div id="one3"><img src="/upload/connemarabrown.png"/>
</div>
<div id="two4" class="none"><img src="/upload/connemarablue.png"/>
</div>
<label><input type="radio" name="sw3" value="one3" checked><span class="letter6"></span></label>
<label><input type="radio" name="sw3" value="two4"><span class="letter5"></span></label></div>

</div>