Javascript 如何更改span标记的值？

下面是html代码

<div style="float: left; padding-top: 8px; width: 340px; overflow: hidden;" id="about_me_text_contents">    
    <b><span class="notranslate">Name</span></b>        
    <br>
    <span style="font-size:80%">Since: <span data-sl-tgtfmt="shortDate" data-sl-dtfmt="%m/%d/%y" class="SL_date">05/17/13</span></span><br>       
    <br>
    Male
    <br>    
    Age: <span class="notranslate">23</span>
    <br>        
    United States - NY
    <br>
    Last log on: <span class="notranslate"></span>
    <br>    
    <br style="line-height:12px;">
    <i id="user_tagline"><span class="notranslate">Type your tagline here</span></i>
    <br>
    <div id="aboutme_conditional_information_div">
    <div id="aboutme_gallery_div" style="line-height:12px; padding-bottom: 8px;">
        <span style="font-size:80%"><a class="see-my-albums" href="http://www.test.com">See My Albums (1)</a>
        </span>
    </div>
    </div>  
 </div>

名称


自2013年5月17日起



男性


年龄:23


美国-纽约


上次登录：




在这里键入您的标语

我在这里所做的就像下面的代码，但这不会改变年龄值，而是只改变其他值。也许我可以尝试使用

计数。嗯……Idk

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('.notranslate span').html("your new string");

});//]]>  

</script>

//

我想使用Jquery将跨度值“Age:23手动更改为我的数字”。我对Javascript和Jquery有点陌生，所以如何在没有id可引用的情况下更改该span值呢

---

非常感谢

该类位于span元素中，您还需要组合这两个选择器，因为有多个元素具有相同的类，您需要获得第二个span

$('span.notranslate').eq(1).html("your new string");

演示：

---

另一种解决方案是向年龄跨度添加一个特殊类，并在选择器中使用该类，而不是像

<span class="notranslate age">23</span>

---

演示：

Span有类名

nottranslate

，因此您需要使用选择器

Span.nottranslate

。第二个跨度元素也包含年龄值。您还需要使用

.eq（1）

以第二个跨度为目标。大概是这样的：

$('span.notranslate:eq(1)').html("new age here");

---

使用CSS查询选择器获取要链接的HTML元素。您可以将菊花链选择器组合在一起，使其更加具体

例如，

#about#me_text_contents

将选择id为“about#me_text_contents”的元素，而

#about#me_text_contents span

将选择id为的元素内的一个或多个

span

元素，使用此选择器只能获取第二个span:

#about_me_text_contents span:nth类型（2）

另一种选择是，您可以在CSS选择器中不太具体，获取整个元素数组，然后引用您想要使用的元素

体面的CSS选择器参考：

• （非官方）
• （非官方）

CSS选择器既可以由jQuery使用，也可以由原生JavaScript使用（使用

document.querySelector（）

和

document.queryselectoral（）

来选择元素）

以下是使用您提供的HTML的演示：

var ageSpan=document.querySelector（#about_me_text_contents span:n类型（2）”；
/*请注意，您还可以执行以下操作：*/
//ageSpan=document.queryselectoral（“#about_me_text_contents span.nottranslate”）[1]；
ageSpan.innerHTML=“十亿岁！”；

名称


自：2013年5月17日



男性

年龄:23

美国-纽约

上次登录：




在这里键入您的标语

$（'.notranslate'）.html（“你的新字符串”）；

你能试试这个方法吗？这个方法可行，但它将所有值都改为“你的新字符串”，其中没有Translate类。所以答案是.eq（3）。谢谢。

$('span.notranslate:eq(1)').html("new age here");