Javascript 使用jquery更改HTML中标记内部的文本值

我想用Jquery更改HTML代码内部的文本

<li class="dropdown">
        <a **id="user_name"**  href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-user"></i>
            Profile
            <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li>
                <a href="{{ url_for('site.admin_profile') }}"><i class="fa fa-fw fa-user"></i> Profile</a>
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-gear"></i> Settings</a>
            </li>
            <li class="divider"></li>
            <li>
                <a href="{{ url_for('site.logout') }}"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
            </li>
        </ul>
    </li>
  $('#user_name').text("Heyy")

$（“#用户名”）.text（“Heyy”）

我的代码是这样的

然而，我需要这种风格

当您使用

$（“#用户名”）.text（“Heyy”）

在文本旁边，您还将替换

i

和

b

元素。您可以将文本包装成

span

并使用

$（“#user_name span'）.text（“Heyy”）

替换它。 以下是一个例子：

$（“#用户名span.txt”）.text（“Heyy”）
将配置文件包装在
span
中，并将其id设置为
用户名

<span id="user_name">Profile</span>












.text（'xxx'）
将替换该元素中的所有内容，您也可以使用
.html（'Heyyyy'）
替换html

选项1使用
.text（）
：
1.用span
Profile

2.然后使用
$（'#user_name span'）将其作为目标。text（'heyyyy'）


$（'#用户名span'）.text（'heyyyy'）











$（“#user_name”）.text（“Heyy”）
您需要用
将此脚本文件包装起来。此脚本文件位于另一个文件中，工作正常。我的重点是更改标记文本。$（“#user_name span.txt”）.text（“Heyy”）；使用这个是正确的