Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> JQuery. Как пронумеровать добавляемые объекты 
V
    Опции темы
Gold Dragon
Дата 14.1.2011, 09:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71
На странице есть блоки типа
Код

<div class="moduletable-q1">
</div>
...
<div class="moduletable-q1">
</div>
...
<div class="moduletable-q1">
</div>

Я добавляю некоторые кнопки управления и обрамляю всё в дополнительный блок, которым буду управлять. Что-то типа такого
Код

$(function(){
    $("div[class^=moduletable]").prepend("<h3>...кнопки управления...</h3><div>");
    $("div.moduletable").append("</div>");
});

Вопрос в следующем, как добавить индивидуальный идентификатор к блоку чтобы получить что-то типа такого
Код

<div class="moduletable-q1">
    <h3>...кнопки управления...</h3>
    <div id="qq1">
    </div>
</div>
... <div class="moduletable-q2">
    <h3>...кнопки управления...</h3>
    <div id="qq2">
    </div>
</div>
... <div class="moduletable-q3">
    <h3>...кнопки управления...</h3>
    <div id="qq3">
    </div>
</div>


Это сообщение отредактировал(а) Gold Dragon - 14.1.2011, 09:06


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
ksnk
Дата 14.1.2011, 09:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386
отсюда 
Цитата

.append( function(index, html) )
function(index, html)A function that returns an HTML string to insert at the end of each element in the set of matched elements. Receives the index position of the element in the set and the old HTML value of the element as arguments.


Это сообщение отредактировал(а) ksnk - 14.1.2011, 09:24


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Gold Dragon
Дата 14.1.2011, 09:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71
Ну коль знаешь про это, то можно ли по русски и лучше с примером ;)
я что-то не понял как это использовать (ну или где-то ошибаюсь)


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
ksnk
Дата 14.1.2011, 10:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386
Код

$("div.moduletable").append(function(index){return '<div id="qq'+index+'"/>';});

что-то вроде такого


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Gold Dragon
Дата 14.1.2011, 11:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71
не работает.. да и синтаксис по документации другой


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
ksnk
Дата 14.1.2011, 11:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386
Цитата(Gold Dragon @  14.1.2011,  11:21 Найти цитируемый пост)
не работает.. 

Код

<script src="jquery.js"></script>

<div class="moduletable"></div>
<div class="moduletable"></div>
<div class="moduletable"></div>
<div class="moduletable"></div>
<div class="moduletable"></div>

<script type="text/javascript">
$(function(){
$("div.moduletable").append(function(index){return '<div id="qq'+index+'"/>';});
})
</script>

а у меня - работает... Что я делаю неправильно?


Цитата(Gold Dragon @  14.1.2011,  11:21 Найти цитируемый пост)
да и синтаксис по документации другой 

как это - другой?  smile

Добавлено через 41 секунду
Версия jquery должна быть 1.4


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Gold Dragon
Дата 14.1.2011, 12:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71
чёрт.. всю голову сломал... оказалось у меня каким-то образом была подключена 1.3.2   smile 


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Gold Dragon
Дата 14.1.2011, 12:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71
возникла опять маленькая проблема.. Функция автоматически завершает тег :(
мне нужно чтобы весь блок был в блоке
Код

<div class="moduletable-q1">
    <h3>...кнопки управления...</h3>
    <div id="qq1">
        <div>...Здесь содержание блока...</div>
    </div>
</div>

а получается
Код

<div class="moduletable-q1">
    <h3>...кнопки управления...</h3>
    <div id="qq1"></div>
    <div>...Здесь содержание блока...</div>
</div>

как быть?


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
ksnk
Дата 14.1.2011, 12:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386
Код

$("div.moduletable").html(function(index,old){return '<h3>...кнопки управления...</h3><div id="qq'+index+'">'+old+'</div>';});

Тогда что-то  такое...

Это сообщение отредактировал(а) ksnk - 14.1.2011, 12:54


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Gold Dragon
Дата 14.1.2011, 13:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71
уже попробовал, но у меня произошло дублирование блоков


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
ksnk
Дата 14.1.2011, 15:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 38
Всего: 386
Цитата(Gold Dragon @  14.1.2011,  13:21 Найти цитируемый пост)
уже попробовал, но у меня произошло дублирование блоков 

Код

<script src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
<div class="moduletable">aaaaaaaaaaaaaaaaa</div>
<div class="moduletable">bbbbbbbbbbbbbbb</div>
<div class="moduletable">cccccccccccccccc</div>
<div class="moduletable">dddddddddddddddddd</div>
<div class="moduletable">eeeeeeeeeeeeeeeeee</div>
<script type="text/javascript">
$(function(){
$("div.moduletable").html(function(index,old){return '<h3>...кнопки управления...</h3><div id="qq'+index+'">'+old+'</div>';});
})
</script>



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Gold Dragon
Дата 14.1.2011, 16:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: нет
Всего: 71
 smile 

совсем забыл что есть и другой путь ...
 спасибо!


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0541 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.