Узнайте, какой дочерний элемент виден в соответствии с его классом, используя оператор переключения в jQuery или JS? ⇐ Jquery

[Anonymous]

Я пытаюсь выбрать первый дочерний элемент , который виден внутри его родительского элемента, и не могу решить эту проблему самостоятельно.
Это это то, что я собрал, но понятия не имею, как это сделать.
Это исходный HTML-код без элемента :

Код: Выделить всё

Text for one
Text for two
Text for three

Когда я генерирую 1 из 2 элементов на лету, это выглядит так:

Код: Выделить всё

This is available

Text for one
Text for two
Text for three

или это может быть так:

Код: Выделить всё

This is NOT available

Text for one
Text for two
Text for three

Я использую оператор switch, потому что мне он кажется более организованным, чем операторы if/if else/else.

Код: Выделить всё

var isVisible = ":visible";
var target = $('.result-content').children(":first");
//var target;
switch (target.css('display') == isVisible) {
case $('.available'):

console.log('This is available!');
break;
case $('.not-available'):
console.log('This is NOT available!');
break;
default:
//console.log('Nothing is available!!');
}

Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/791 ... g-a-switch