Атрибут ссылку на другой элемент

Question

У меня есть HTML как это:

<div class="post"> 
    <p><a href="link1">Paralase1 mokew kweis</a></p> 
    <p>Kwoie uisye jkui</p> 
    <a class="pan">Readmore</a> 
</div> 

<div class="post"> 
    <p><a href="link2">Paralase2 mokew kweis</a></p> 
    <p>Kwoie uisye jkui</p> 
    <a class="pan">Readmore</a> 
</div> 

<div class="post"> 
    <p><a href="link3">Paralase3 mokew kweis</a></p> 
    <p>Kwoie uisye jkui</p> 
    <a class="pan">Readmore</a> 
</div> 

Я хочу, чтобы элемент a имеет имя класса pan будет добавлена ​​ссылка из заголовка сообщения (link1, link2, link3), но и добавить первый слово после заголовка (Paralase1, Paralase2, Paralase3), чтобы иметь результат:

<div class="post"> 
    <p><a href="link1">Paralase1 mokew kweis</a></p> 
    <p>Kwoie uisye jkui</p> 
    <a class="pan" href="link1#Paralase1">Readmore</a> 
</div> 

<div class="post"> 
    <p><a href="link2">Paralase2 mokew kweis</a></p> 
    <p>Kwoie uisye jkui</p> 
    <a class="pan" href="link2#Paralase2">Readmore</a> 
</div> 

<div class="post"> 
    <p><a href="link3">Paralase3 mokew kweis</a></p> 
    <p>Kwoie uisye jkui</p> 
    <a class="pan" href="link3#Paralase3">Readmore</a> 
</div> 

Answer 1

Таким образом, вы хотите, чтобы сковорода связать одно и то же, как парную ссылку?

$('.pan').each(function(){ 
    var $this = $(this), 
     $pairedLink = $this.parent().find('a').eq(0), 
     desiredLink = $pairedLink.attr('href'); 

    desiredLink = desiredLink +'#'+ $pairedLink.text().split(' ')[0]; 

    $this.attr('href', desiredLink); 
}); 

Было бы проще, если бы у первой ссылки был класс.

В том числе скрипку ссылки: https://jsfiddle.net/bqz7zmhf/1/

Answer 2

Можно связать простой обработчик щелчка, чтобы вызвать нажмите на другую ссылку

$('.pan').click(function(){ 
    $(this).parent().find('a:first').click(); 
}); 

или петли через все посты и добавить HREF.

$('a.pan').attr('href',function(){ 
    return $(this).parent().find('a:first').attr('href'); 
});