jquery - 获取 span id 并将其作为 href 附加到先前的 span

Question

我正在尝试遍历一个动态生成的页面，获取特定的跨度 ID，然后将该 ID 附加到前一个跨度的 href 中。目前，这会在每个 h2.classA 中生成两个链接，而不是在每个实例中生成相应的单个链接。我应该将 each() 分配给 h2 吗？非常感谢任何帮助。

现有的 HTML

    <h2>
    <span class="classA"> </span> 
    <span class="classB" id="somename"> SomeName </span>
    </h2>

    <h2>
    <span class="classA"> </span> 
    <span class="classB" id="anothername"> SomeName </span>
    </h2>

尝试:

    $("h2 span.classB").each(function() {
    var content = $(this).attr('id');

    $('h2 span.classA').append('<a href="index.php?title='+content+'"> edit me </a>');              
    });

期望的 HTML 结果

    <h2>
    <span class="classA"><a href="index.php?title='+somename+'"> LINK1 </a></span> 
    <span class="classB" id="somename"> SomeName </span>
    </h2>

    <h2>
    <span class="classA"><a href="index.php?title='+anothername+'"> LINK2 </a></span> 
    <span class="classB" id="anothername"> AnotherName </span>
    </h2>

Answer 1

您在每次迭代中将 anchor 附加到所有 classA 元素，要选择前一个 span 元素，您可以使用 prev 方法:

$("h2 span.classB").each(function() {
    $(this).prev().append('<a href="index.php?title='+this.id+'"> edit me</a>');              
});

http://jsfiddle.net/c7V9z/