Javascript 我应该如何获得';这是我的名字';来自js中的多个跨度? 这是我的名字 这是我的绰号

Javascript 我应该如何获得';这是我的名字';来自js中的多个跨度? 这是我的名字 这是我的绰号,javascript,jquery,html,css,Javascript,Jquery,Html,Css,需要JS代码来获取特定的跨度 使用选择器:contains()选择包含文本的范围这是我的名字 $(“span:contains(这是我的名字)”).css('color','red') 这是我的名字 这是我的昵称您可以使用: <div id='item1'> <span>This is my name</span> <span> This is my nickname</span> 获取div的第一个子节点(即第

需要JS代码来获取特定的跨度

  • 使用选择器
    :contains()
    选择包含文本的范围
    这是我的名字
  • $(“span:contains(这是我的名字)”).css('color','red')
    
    这是我的名字
    这是我的昵称
    您可以使用:

     <div id='item1'>
        <span>This is my name</span>
        <span> This is my nickname</span>
    
    获取div的第一个子节点(即第一个span),然后在此节点上使用
    .textContent
    获取“这是我的名字”

    请参见下面的工作示例:

    const firstChild=document.getElementById(“item1”).children[0];
    console.log(firstChild.textContent)
    
    
    这是我的名字
    这是我的绰号
    
    您可以使用
    find
    eq
    一起使用,如下所示

    var item1=$('#item1').find('span').eq(0.text();
    var item2=$('#item1').find('span').eq(1.text();
    控制台日志(第1项);
    控制台日志(第2项)
    
    
    这是我的名字
    这是我的绰号
    
    使用jQuery您可以使用

    document.getElementById("item1").children[0];
    
    var text=$('#item1>span:first child')。text();
    console.log(文本)
    
    
    这是我的名字
    这是我的绰号
    
    这是我的昵称,这是我的名字
    当加价是这样的时候,这是错误的。到目前为止,你尝试了什么?
    $('#item1 > span:first-child').text()