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

Question

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

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

как вставить DIV [название] в тему?

Пример

<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

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

BTW. если вы хотите, чтобы вставить ссылку обратной связи после того, как DIV, вы должны использовать .after() вместо .append()

Answer 2

Вам нужно будет использовать .each перебрать примерно так:

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