Как выбрать прямой дочерний элемент с указанным именем класса в контексте

Все, простите меня, я не профессионал jquery, я застрял в определении селектора в качестве титульного шоу. пожалуйста, помогите мне спасибо.Как выбрать прямой дочерний элемент с указанным именем класса в контексте

У меня есть функция, как это:

function (container) 
{ 
    var selectContentDiv= $("....",container);//I just don't know how to working with the selector context. 
}

Предположил в container, которая содержит HTML-структура, как ниже:

<div class="block-head"> 
     <h3>test</h3> 
    </div> 
    <div class="block-content"><!--I want to get this one--> 
     <div class="block-head"> 
      <h3>test</h3> 
     </div> 
     <div class="block-content"> 
      .... 
     </div> 
    </div>

Я хочу знать, как получить прямой первый ребенок, который есть класс с именем block-content контекста? Благодарю.

источник

2013-03-19 Joe.wang

первого ребенка какого родителя? – hjpotter92

Привет, Первый ребенок данного select context.thanks –

Вы хотите выбрать '.block-content' или' .block-head' внутри него? – hjpotter92

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

$('div > .block-content');

Я использую div как ваш родительский элемент, который вы не включили в свой html.

источник

2013-03-19 09:05:21 Nelson

+1 Лучший ответ до сих пор. – undefined

Привет, @ Нельсон, что, если я хочу использовать контекст селектора? например $ ("....", контекст). Благодарю. –

Да, вы также можете использовать это, учитывая, что вы определяете свой родительский элемент с помощью селектора, поэтому скажите, что ваш родительский элемент является div с id, называемым «parent», тогда вы можете использовать '$ ('. Block-content', '#parent'); ' – Nelson

<div class="block-content"><!--I want to get this one--> 
     <div class="block-head"> 
      <h3>test</h3> 
     </div> 
     <div class="block-content"> 
      .... 
     </div> 
     <div class="block-head"> 
      <h3>test</h3> 
     </div> 
    </div>

сверху HTML, если вы хотите, чтобы найти прямого потомка block-content

$('.block-content > div.block-head')

EDIT согласно Сон Eater комментарий

Приведенный выше код добавляется, например, когда .block-content является родителем и div.block-head является дочерним элементом.

Такой полный синтаксис будет.

$('parent > child')

источник

2013-03-19 08:58:47

@ down-voter, пожалуйста, добавьте комментарий, чтобы я мог исправить или узнать по ошибке, которую я сделал –

привет, @Dipesh Parmar, скажите, пожалуйста, как работать с контекстом селектора? –

да, пожалуйста, объясните причину понижения. Благодарю. –

это поможет вам первое вхождение сНу элемента с классом block-content:

$('div.block-content').first()

источник

2013-03-19 09:00:08

Использование:

$('div > block-content')

источник

2013-03-19 09:03:08 Anujith

Попробуйте это:

$(".block-head").next(".block-content")

Это даст вам первый .block-content после .block-head

источник

2013-03-19 09:05:28

Как выбрать прямой дочерний элемент с указанным именем класса в контексте

ответ

Смежные вопросы