如何使用 jQuery 更改元素的同级文本而不更改 html？

我试图仅替换文本，但不触及任何其他标签。

<p>
    <a href="login.php">
        <i class="fa fa-sign-in"></i> 
        Login
    </a>
</p>

$('p').each(function() {
    $(this).text($(this).text.replace('Login', 'Anmeldung')); 
});

不好的结果：

<p>
    Anmeldung       
</p>

结果如我所愿：

<p>
    <a href="login.php">
        <i class="fa fa-sign-in"></i> 
        Anmeldung
    </a>
</p>

我怎样才能做到这一点？这只是一个示例，更深层次的结构p标签可以完全不同。

Use .html()代替.text()
这会保留您的 html 标签

$('p').each(function() {
    $(this).html($(this).html().replace('Login', 'Anmeldung')); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
    <a href="login.php">
        <i class="fa fa-sign-in"></i> 
        Login
    </a>
</p>

Fiddle用你的例子。