как найти кучу элементов после загрузки страницы и перегруппировать их внутри нового div?

Question

Так что да, у меня болит голова. Чего я стремлюсь достичь:

У меня есть контент, который генерируется динамически из php внутри страницы, например, я использую PHP include для извлечения контента. Теперь, когда этот контент загружен, я хочу использовать javascript / jQuery, чтобы найти определенные элементы по идентификатору, посмотреть, если их больше одного, если они есть, сгруппировать их в новый div.

Например; у меня есть div с именем «pony», на странице есть 3 других div, также называемых «pony», использующих javascript / jQuery. Я хочу разместить их в новом div с именем «horse», который будет сгенерирован на лету. Я также должен сказать, что новый div должен быть сгенерирован в верхней части страницы.

Но у меня есть div с именем 'cows', и есть только один, я хочу, чтобы js / jQuery его игнорировал.

Кто-нибудь знает, как это сделать? Скорее, если PHP будет проще, тогда id приветствует знание этого тоже.

Answer 1

Недопустимо иметь элементы с несколькими одинаковыми идентификаторами.

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

Answer 2

Если вы используете класс для определения предыдущих div, вы можете использовать селектор $ (". Pony"), чтобы подсчитать количество динамически генерируемых div, а затем создать новый элемент DOM с именем 'horse' и добавитьпредыдущий пони делится на него так:

$(function() {
    var listPony = $(".pony");

    if (listPony.length >= 3)
    {
        var newDiv = $("<div class='horse'></div>").append(listPony);
        $('body').prepend(newDiv);
    }
});

Полный пример здесь:

http://jsfiddle.net/CPAfA/