Функция .append и .attr, не все работает, подскажите как

@makey · Регистрация: 29.12.2012

Студворк — интернет-сервис помощи студентам

есть функция

JavaScript
1
2
3
4
5
$("#add").click(function() {
  $('#sortable').append('<a href="http://'+$('#addlink')
                .attr('value')+'" id="'+$('#addcolor')
                .attr('value')+'"><img src="[B]P.S. тут должен быть id[/B]" /><p>'+$('#addname')
                .attr('value')+'</p></a>');

есть также HTML

HTML5
1
2
3
4
5
6
7
8
   <input type="text" id="addimg" placeholder="Ссылка на картинку=">
   <input type="text" id="addlink" placeholder="Сcылка">
   <input type="submit" id="add" value="Отправить">
 
<div id="sortable"> 
    <a href="#"><img src="blogger.png"><p>Blogger</p></a>
    <a href="#"><img src="digg.png"><p>Digg</p></a>
</div>

Вообще должно быть так, что я в input пишу ссылку на картинку и оно мне <a href=""><img src="ЗДЕСЬ выписывало то значение, которое я задал в input с id="addimg"></a>

@FlyMouse86 · 01.01.2013, 19:17

Вот так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function(){$("#add").click(function() {
newThis = $('#sortable');
$(newThis).children("a:first")
.clone()
.appendTo(newThis)
.attr("href",function(){return $("#addlink").val()})
.children("img:first")
.attr("src",function(){return $("#addimg").val()})
.end()
.children("p:first")
.text($("#addname").val())
;
 })
})

Добавлено через 12 минут
вот еще:

JavaScript
1
2
3
4
5
6
$(function(){$("#add").click(function() {
$('#sortable').append('<a href="http://'+$('#addlink').val()+'" id="'+$('#addcolor').val()
                        +'"><img src="'+$('#addimg').val()+'" /><p>'
                        +$('#addname').val()+'</p></a>');
 })
})

@makey · 01.01.2013, 23:48 **[ТС]**

спасибо!

Новые блоги и статьи Все статьи Все блоги /
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .

@makey 0 / 0 / 0 Регистрация: 29.12.2012 Сообщений: 7
	01.01.2013, 23:48 [ТС]
	спасибо! 0