0

JavaScript（JQueryなし）を使用して、共通のクラスを持つ一連のDIVをトラバースし、<span>タグ内の値をチェックし、その値に基づいて、href値を別のものに変更するにはどうすればよいですか？マークアップの例を次に示します。

<div class="module-content">
<div class="js-tab-content S00">
    <h2 class="heading">
        <a href="http://someurl.com">
            <span>Adelaide</span>
        </a>
    </h2>
</div>
<div class="js-tab-content N00">
    <h2 class="heading">
        <a href="http://anotherurl.com">
            <span>Sydney</span>
        </a>
    </h2>
</div>
<div class="js-tab-content V00">
    <h2 class="heading">
        <a href="http://thisurl.com">
            <span>Melbourne</span>
        </a>
    </h2>
</div>
</div>
4

2 に答える 2

1

ここにあります：

var divs = document.getElementsByClassName("js-tab-content");
for(var i=0;i<divs.length;i++){
    var div = divs[i];
    if(!div) break;
    var span = div.getElementsByTagName("span");
    var link = div.getElementsByTagName("a");
    if(span[0].innerHTML == "Adelaide") link[0].href = "http://google.com";
}
于 2011-09-12T03:05:46.380 に答える
1 
var tabContentDivs = document.getElementsByClassName("js-tab-content");

for (var i = 0, tabContentDiv; tabContentDiv = tabContentDivs[i]; ++i) {
    var spanEl = tabContentDiv.querySelector(".heading span");
    var spanText = spanEl.innerText;

    var aEl = tabContentDiv.querySelector(".heading a");
    aEl.href += "#" + spanText; // for example
}
于 2011-09-12T02:43:59.293 に答える