使用jquery修改span内容

时间:2012-11-26 14:32:51

标签: jquery

我在页脚div中有以下html:

 <span itemprop="telephone"><a href="tel:01 XX XX XX XX">01 XX XX XX XX</a></span>

我想动态更改此范围内的电话号码。 那里有2个问题:

  • span正在使用微格式数据,因此我不能将我的发现基于itemprop,但我需要使用电话来确定它吗?

  • 我可以在标签之间嵌入01 XX XX XX XX但是href值怎么样?

任何人都可以提供帮助吗?

我已经尝试了这个不起作用

    function getPhone() {
        var span = $('.wcb_row2');
        if (!span.length) return;
        return $('.wcb_row2').find('a');
    }

    function replacenumber(num) {
        if( num == 'undefined' || num== null )
        return;
        var newnum = getPhone();
        (newnum.html( newnum.html().replace(/tel:*[ ]*\d{2}[ ]\d{2}[ ]\d{2}[ ]\d{2}[ ]\d{2}/, 'tel: ' + num) ))
    }

    replacenumber( num);

1 个答案:

答案 0 :(得分:2)

基本上你不是在改变span内容,而是在其中操纵锚a ......

你尝试过这样的事吗?

var yourNumber = /* whatever needs to be */
$("a", "[itemprop=telephone]")
    .text(yourNumber)
    .attr("href", "tel:" + yourNumber);

一般建议 - 了解您的使用方法

如果我可以给你一般性建议,那就是学习。很明显,你不熟悉所有jQuery功能,也不熟悉正则表达式。

因此我建议你通过jQuery API。这是一个小型图书馆,您应该在大约一个小时左右的时间内通过它。你应该熟悉它拥有的所有功能,这样你至少知道是否有东西可以使用。您可以在以后需要时阅读其使用详情,但至少应该知道他们在那里。

别误会我的意思。我正在努力帮助你,因为它会提高你的工作效率,并且你将来能够编写更易于维护的代码。