Добавление кнопок обратной связи

Question

У меня есть статический html-файл, сгенерированный из источников docbook5. Теперь мне нужно добавить кнопки обратной связи в конце каждого раздела, поэтому я добавляю (используя jQuery) ссылку после каждый заголовок:

$(document).ready(function() {
    $("div[title]").append('<a href="mailto:me@host?subject=XXX">feedback</a>');
})

как вставить div [title] в тему?

Пример

<div title="Foo">
...
</div>
<div title="Bar">
...
</div> 

Я хочу, чтобы две кнопки были расположены сразу после закрывающего div:

<div title="Foo">
...
</div><a href="me@host?subject=Foo">feedback</a>
<div title="Bar">
...
</div><a href="me@host?subject=Bar">feedback</a>

Answer 1

Вам нужно будет использовать .each, чтобы выполнить итерацию следующим образом:

$("div[title]").each(function() {
    $(this).append('<a href="mailto:me@host?subject=' + $(this).attr("title") + '">feedback</a>');
});

Answer 2

$(document).ready(function() {
   $("div[title]").each(function(){
     $(this).append('<a href="mailto:me@host?subject='+encodeURIComponent(this.title)+'">feedback</a>');
   });
})

КСТАТИ. если вы хотите вставить ссылку обратной связи после DIV, вы должны использовать .after () вместо .append ()