使用jQuery獲取跨度文本並作為查詢傳遞

Question

<span class="MapDirections" style="padding-top:10px">
                                        <span class="HosAddHidden" style="display:none;">
                                            <xsl:value-of select="concat(@ADDRESS_LINE_1,',',@CITY,' ',@STATE,' ',@ZIP)" />
                                            </span>
                                        <a href="http://maps.google.com/maps?q=">Maps &#38; Directions</a>
</span>

我該如何獲取跨度類HosAddHidden文本（該文本是某個地址）並將其傳遞給地圖網址，如下所示：

<a href="http://maps.google.com/maps?q=" onclick="location.href=...." return false;>Maps and directions</a>

Answer 1

從上面的答復中我們可以看到，您有多個HosAddHidden 。 假設每一個后面都有您要操縱的錨點（如上面的示例），則您要遍歷每個隱藏地址並更改其后的錨點的href 。 干得好：

$('.HosAddHidden').each(function(index) {
    $(this).next().attr('href', 'http://maps.google.com/maps?q='+$(this).text());
});

注意，這不是在onclick上，而是應該在dom加載並為您更改所有錨點時運行。 不將其置於onclick上的好處是實際的href已經更改，因此有人可以右鍵單擊錨點並復制它，在新選項卡中打開等。

Answer 2

嘗試使用內聯單擊處理程序來代替。 您可以使用text()從跨度中獲取文本，您可以使用.HosAddHidden類選擇器進行選擇。

$('a').click(function(e){
    e.preventDefault();
    location.href = $(this).href + $.trim($('.HosAddHidden').text());
});