使用jquery抓取span文本并传递为查询

时间:2012-02-08 15:54:11

标签: javascript jquery url query-string inline

<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>

如何获取某个地址的span类HosAddHidden文本并将其传递到地图网址,如下所示:

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

2 个答案:

答案 0 :(得分:1)

我从上面的回复中看出,您有多个HosAddHidden。如果每个跟随您想要操作的锚点(如上例所示),您希望遍历每个隐藏的地址并更改其后的锚点的href。你走了:

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

注意,这不是onclick,而是应该在dom加载并更改所有锚点时运行。没有将它放在onclick上的好处是实际的href已经被更改,所以有人可以右键单击锚点并复制它,在新标签页中打开等。

答案 1 :(得分:0)

尝试使用内联点击处理程序。您可以使用text()从您可以使用.HosAddHidden类选择器选择的范围中抓取文本。

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