Question

我正在尝试使用Jquery更改嵌套在图标元素中的文本。

这是我的图标元素：

<i class="material-icons">report</i>

我想将内部文本更改为＆＃34; report_problem＆＃34;像这样：

<i class="material-icons">report_problem</i>

这是我到目前为止所尝试的但是没有成功：

$(.material-icons).innerHTML("report_problem");

任何人都有线索？

Answer 1

已经通过使用：

解决了这个问题

$(.material-icons).text("report_problem");

Answer 2

这是另一种解决方案。 .text和.html工作

＆＃13;

$('.material-icons').html("report_problem");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<i class="material-icons">report</i>

＆＃13;

Answer 3

如果您在Google Debugger控制台之类的地方尝试此操作，那么您将会看到＆＃34; $（...）。innerHTML不是一个功能＆＃34;

正如评论中提到的那样，这是DOM上的方法，但不是jquery中的方法。这就是.html和.text工作的原因（它们是jquery函数）和.innerHTML没有。

Answer 4

我认为如果你使用类和切换功能会更好，比如

#pragma once
#include    <iostream>
#include    <stdlib.h>
#include    <stack>
#include    <forward_list>
#include    "Board.h"
#include    "Knight.h"

在css中你可以控制文字：

<i class="material-icons report-icon"></i>

在jQuery中，您可以使用此函数控制何时更改

.material-icons.report-icon{content:"report"}
.material-icons.report-icon.with-problem{content: "report_problem"}

您可以在需要更改图标时调用此功能，如果只是一个或全部。

使用Jquery更改图标的内部文本

4 个答案: