javascript - 如何浏览 div 中的每个链接并根据条件更新文本

Question

以下内容是使用 asp:Repeater 控件生成的(因此是重复的 ID):

<span id="lblLocation1">
    <a href="/office.aspx?id=87">400 Westchester Avenue</a>, 
    <a href="/office.aspx?id=89">56 Theall Road</a>, 
    <a title="" href="/WorkArea/linkit.aspx?LinkIdentifier=id&amp;ItemID=1606">73 Market Street</a>, 
    <a title="" href="/WorkArea/linkit.aspx?LinkIdentifier=id&amp;ItemID=1947">98 Huguenot Street</a>
</span>
<br />
<br />

<span id="lblLocation1">
    <a href="/office.aspx?id=87">400 Westchester Avenue</a>, 
    <a href="/office.aspx?id=89">56 Theall Road</a>, 
    <a title="" href="/WorkArea/linkit.aspx?LinkIdentifier=id&amp;ItemID=1606">73 Market Street</a>, 
    <a title="" href="/WorkArea/linkit.aspx?LinkIdentifier=id&amp;ItemID=1947">98 Huguenot Street</a>
</span>
<br />
<br />

<span id="lblLocation1">
    <a href="/office.aspx?id=87">400 Westchester Avenue</a>, 
    <a href="/office.aspx?id=89">56 Theall Road</a>, 
    <a title="" href="/WorkArea/linkit.aspx?LinkIdentifier=id&amp;ItemID=1606">73 Market Street</a>, 
    <a title="" href="/WorkArea/linkit.aspx?LinkIdentifier=id&amp;ItemID=1947">98 Huguenot Street</a>
</span>

fiddle :http://jsfiddle.net/s7LkoqdL/2/

结果应该是遍历 lblLocation1 范围内的每个 anchor 并检查其是否符合条件并更新链接文本。

发生的情况是，它与变量同时显示多个条目。

如何修改查询，以便它遍历范围内的每个链接并根据是否满足条件进行更新，然后转到下一个链接，然后转到下一个链接，依此类推...

注意:span 条目越多，每个链接的乘数就越多。

Answer 1

我不会重写你的整个 fiddle ，因为它很困惑。

您可以使用$('.pS span a').text(function)来处理实例。回调的第一个参数是元素索引，第二个参数是现有文本。只需根据条件返回新文本

$('.pS span a').text(function (index, oldText) {    

     if (oldText.indexOf("Theall") >-1) {
        return oldText + vCityState[4]; 
     }else if (oldText.indexOf("98") >-1) {
        return oldText + vCityState[2]; 
     }      
});

我建议您创建一个可以在每个实例中循环的对象数组，以简化手动创建所有 if 条件:

DEMO