在DOM樹中使用Jquery移動屬性

Question

我正在嘗試獲取元素的href屬性，該屬性在樹的內部相當深。 這是我到目前為止正在調整的代碼

$('.widget-pSidebar > ul > li > article > section > div > article > a').each(function () {
        var path = $(this).parent().find('footer').children().children().attr('href');
        alert(path);
        $(this).attr('href', path);
    });

這是樹

<a>
    <img>
</a>
<footer>
    <h1>
        <a>
    </h1>

我想從上一個href中提取href並將其放入第一個。

編輯：我重新制作了代碼，並且我可以訪問a，但是不幸的是我一次又一次地復制相同的鏈接。

Answer 1

為了簡單起見，請在每個鏈接上添加一個ID。

<a id="link-to">
    <img>
</a>
<footer>
    <h1>
        <a id="link-from">
    </h1>

然后做

var link = $('#link-from').attr('href');
$('#link-to').attr('href', link);

做完了

- 編輯 -如果我們有列表或類似內容

<div class='list-item'>
    <a class="link-to">
        <img>
    </a>
    <footer>
        <h1>
            <a class="link-from">
        </h1>

接着 ：

$('.list-item').each(function () {
    var path = $(this).find('.link-from')[0].href
    $(this).find('.link-to')[0].href = path;
});

完成:)

Answer 2

您可以在HTML中添加一些類嗎？

然后，您可以編寫如下內容：

 <a class="destiny">
   <img>
 </a>
 <footer>
   <h1>
     <a class="source" href="href1"></a>
   </h1>
</footer>

*：您也可以使用ID。

然后您的JS可能是這樣的：

$('.destiny').attr('href',$('.source').attr('href'));

工作示例： http : //jsfiddle.net/NX29W/

您必須檢查小提琴的結果。

Answer 3

給他們一個標識符，例如

<a class="anchor1">
    <img>
</a>
<footer>
    <h1>
        <a>
    </h1>
</footer>

然后

$('(etc..) > a.anchor1').each(function () {
var path = $(this).next().find('a').attr('href');
alert(path);
$(this).attr('href', path);

}）;

Answer 4

像這樣：

$('.foo').each(function() {
    var path = $(this).next().children().first().children().first().attr('href');
    $(this).attr('href', path);
});

http://jsfiddle.net/U7YHy/