Поиск видимого элемента класса в родительском элементе [duplicate]

Question

Поиск видимого элемента класса в родительском элементе [duplicate]

0

Как я могу найти видимый дочерний элемент внутри родителя с jQuery?

Пробовал, например, следующие (и многие другие), которые не работают.

var childelement = $("#parent").find(".child:visible");

В родительском объекте много дочерних элементов, но только одно видно в одно и то же время. Все дочерние элементы определяются с тем же именем класса.

Изменение: в моем коде дочерние элементы определены как видимые или невидимые с атрибутом отображения. Аналогично ниже:

<span class="child" style="display: inline;">One</li>
<span class="child" style="display: none;">Two</li>

РЕШЕНИЕ Поработал с этим:

<div class="child" style="display: inline;">One</li>
<div class="child" style="display: none;">Two</li>

CuriousSuperhero 15 апр. 2014, в 15:45

Источник

0

Я добавил еще немного кода в мой пример. Смотри выше.
CuriousSuperhero 15 апр. 2014, в 13:57
0

На самом деле я использовал элемент span в начале. Были проблемы с этим. Поменял его на div и теперь он работает. Я не копировал весь код здесь, потому что он довольно сложный. Теперь это работает. Смотри выше. Спасибо, в любом случае :)
CuriousSuperhero 15 апр. 2014, в 14:18

Теги:

javascript

jquery

3 ответа

Ещё вопросы

Я добавил еще немного кода в мой пример. Смотри выше.
На самом деле я использовал элемент span в начале. Были проблемы с этим. Поменял его на div и теперь он работает. Я не копировал весь код здесь, потому что он довольно сложный. Теперь это работает. Смотри выше. Спасибо, в любом случае :)

SauriolJf · Answer 1 · 2014-04-15T10-44-00.000Z

1

Вот как вы это делаете:

$('#parent').find(':visible');

jsFiddle

SauriolJf 15 апр. 2014, в 10:44

0

Но я хотел бы найти класс .child, который виден. В #parent могут быть и другие видимые элементы. Ваш код хорош, но он находит все классы внутри #parent, которые видны.
CuriousSuperhero 15 апр. 2014, в 13:30
0

Хорошо, тогда, когда я использую ваш пример, он все еще работает: jsfiddle.net/xqc4v/1
SauriolJf 15 апр. 2014, в 13:34
0

В моем коде дочерние элементы определены как видимые или невидимые с помощью атрибута display. Как показано ниже: <li class = "child" style = "display: inline;"> One </ li> <li class = "child" style = "display: none;"> Two </ li>
CuriousSuperhero 15 апр. 2014, в 13:50
0

Хорошо, но это все еще работает: jsfiddle.net/xqc4v/5 Если это работает для вас, пожалуйста, потратьте две секунды, чтобы принять мой ответ. :)
SauriolJf 15 апр. 2014, в 19:05

Показать ещё 2 комментария

neel shah · Answer 2 · 2014-04-15T11-38-00.000Z

Вы можете сделать это так, Fiddle

$("#parentElement").children(':visible');

philosowaffle · Answer 3 · 2014-04-15T11-35-00.000Z

Возможно, что-то вроде:

Получить все дочерние элементы класса родительского элемента
```
var childElements = $("#parent .child");
```

Найдите нужный элемент:

var foundIt;

childElements.each(function(){ 

 if(this.is(':visible')){

    foundIt = this;

 }

});

Рекомендации:

РЕДАКТИРОВАТЬ:

  if(this.is(':inline')){

        foundIt = this;

     }