2015-12-23 2 views
2

Есть ли способ, чтобы найти все дочерние элементы DIV, который имеет идентификатор, как: -JQuery селектор для промежуточной строки

ребенка _ * _ of_parent

HTML

<div id="parent"> 
    <div id=child_1_of_parent>...</div> 
    <div id=child_2_of_parent>...</div> 
    <div id=child_3_of_parent>...</div> 
    <div id=some_other_id_1>...</div> 
    <div id=some_other_id_2>...</div> 
</div> 

Я хочу, чтобы все дети с идентификаторами: - child_1_of_parent, child_2_of_parent, child_3_of_parent

Мои Попробуйте

jQuery("#parent").find("div[id='child_*_of_parent']"); 

ответ

4

Попробуйте проверить начинается с и заканчивается

Попробуйте как этого

$("div[id ^='child_'][id $='_of_parent']") 
+0

Элегантное решение !!! Благодарю. – Abhi

+1

приветствуется :) @ Abhi одноименный пинч: P –

1
Try the following: 

$("#parent div[id$=_of_parent][id^=child]") 
+2

Можете ли вы добавить e xplanations к вашему коду? Например, 'id $ =' означает, что строка заканчивается и т. Д. Это может помочь другим понять ваше решение. –

+0

Это довольно опрятные селекторы: [jQuery заканчивается с] (https://api.jquery.com/attribute-ends-with-selector/) и [jQuery начинается с] (https://api.jquery.com/attribute -starts-with-selector /) –

1

В моих знаниях это может быть сделано в два пути

Соответствие шаблону Здесь просто соответствует шаблону id дочерних элементов.

$('#parent').children().each(function(){ 
    if($(this).attr('id').match("_of_parent")) { 
     console.log($(this)); 
    } 
}); 

Использование атрибута Selector.Here проверка начала & конечного образец идентификатора ^ используется для проверки начала строки & $ может быть использована для проверки модели концовки

var a =($("div[id ^='child_'][id $='_of_parent']")) 

WORKING MODEL

Надеюсь, что это будет полезно

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