Добавление div на unknodw div

У меня есть три div. Как добавить div в неизвестный div?Добавление div на unknodw div

<div class="main" > 
<div id="drag-box" > 
    <div id="" class=""> </div> 
</div> 
    </div>

Я хочу добавить div на неизвестный div, который появляется после div-box div. Я не знаю, какой div появится после div-box div. Но должен быть один div после div-box div.

источник

2013-12-10 user3030853

Я не хочу использовать id, класс этого неизвестного div – user3030853

, вам действительно стоит подумать о том, чтобы прочитать о DOM :-) в mdn, я связал его в своем ответе – ShrekOverflow

$("#drag-box div:first-child").append("<span />");

или

$("#drag-box div").first().prepend("<span>first</span>");

Для получения полного ответа, здесь он работает:

http://jsfiddle.net/dMUD3/

источник

2013-12-10 11:32:51 Alex

спасибо, что он работает ... – user3030853

О, хорошо. Примите ответ в этом случае. – Alex

попробовать этот

$("#drag-box div:first-child").attr("id");

источник

2013-12-10 11:29:50

Я понятия не имею, кто это подтвердил, но это не имеет смысла ... –

@MichalB. Вы когда-нибудь использовали jquery? Попытайтесь прочитать это, прежде чем публиковать какие-либо вещи. Http://api.jquery.com/first-child-selector/ –

не беспокоится, я прекрасно понимаю, что он делает. OP спросил, как добавить в/после div без id, и вы пытаетесь найти идентификатор для него ... –

Вам нужно селектор +. Это относится к объекту, непосредственно следующему. См. here.

.drag-box + div { 

}

источник

2013-12-10 11:30:33 randak

вот так, но не работает – user3030853

Это для div после него.Как '

'. Вот как я интерпретировал «прийти после», но кажется, что вам действительно нужен первый дочерний элемент. – randak

$('<div></div>').appendTo($('#drag-box div:first'))

источник

2013-12-10 11:37:28 webzar

Вместо того чтобы дать вам один вкладыш, я хотел бы чтобы дать вам lution.

Браузер берет ваш html и анализирует то, что называется DOM Tree из него.

поэтому, если ваш html есть.

<div class="a"> 
    <div class="foo"></div> 
    <button class="foogle"></button> 
</div>

Структура дерева будет что-то вроде

`-div.a 
    |-div.foo 
    `Button.foogle

Вы фактически должны смотреть в DOM API, на MDN

Как помогает DOM?

С DOM api вы можете получить доступ к неизвестному div, используя ссылку на известный div. Поэтому, если вы действительно понимаете свою разметку и ее представление в DOM, должно быть довольно просто получить ссылку на n-й дочерний элемент;

Доступ к дочерним элементам осуществляется с помощью атрибута children.

Так

// Get reference to the element. 
var parent = document.getElementById("drag-box"); 

// Use the dom. 
var child_i_want = parent.children[0]; 
// or there is another way 
var child_i_reallyWant = parent.firstElementChild;

Есть решения с JQuery, но я чувствую его важным для вас понять основы DOM, даже если есть полезные библиотеки абстракции в существовании.

источник

2014-02-06 18:00:35 ShrekOverflow

Добавление div на unknodw div

ответ

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