如何從標簽中刪除文本

Question

如果元素的類處於活動狀態，我只想從標簽中刪除文本。 我用$(selector).remove(selector)試過了，但問題是我需要選擇器來刪除一些東西......

<li class="active">
    <a href="profil-anzeigenverwaltung.php">
        <i class="fas fa-briefcase"></i>
        Anzeigenverwaltung
    </a>
</li>
<li>
    <a href="profil-anzeige-erstellen.php">
        <i class="fas fa-align-center"></i>
         Anzeige erstellen
    </a>
</li>
<li>
    <a href="profil-refrenzen.php">
        <i class="fas fa-anchor"></i>
         Referenzen
    </a>
</li>

Answer 1

您只能使用 CSS 來實現：

 .active a span { display: none; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <li class="active"> <a href="profil-anzeigenverwaltung.php"> <i class="fas fa-briefcase"></i> <span>Anzeigenverwaltung</span> </a> </li> <li> <a href="profil-anzeige-erstellen.php"> <i class="fas fa-align-center"></i> <span>Anzeige erstellen</span> </a> </li> <li> <a href="profil-refrenzen.php"> <i class="fas fa-anchor"></i> <span>Referenzen</span> </a> </li>

希望這就是你所需要的。 ;)

Answer 2

從所需標簽中刪除文本的 jQuery 答案是將 innerHTML 值設置為空字符串。 這可以通過多種方式完成，但這里是一種：

$('li.active a span').html('');

正如Anna_B所說，您可以（並且在大多數情況下可能應該）使用 CSS 來做到這一點。 CSS 也可能以不同的方式實現，但在堅持使用 jQuery 時，您可以切換類，一個類具有文本可見，另一個類不可見。

使用 CSS 必須考慮的是隱藏元素的方法會影響文檔流。 關於這個的討論 SO 。

例如display:none從流中刪除元素，而visibility:hidden不會。 后者會產生意想不到的影響，除非您意識到並希望這些上述流動動力學。

關於使用 jQuery 隱藏文本， 這里是一個討論和答案。

Answer 3

簡單地用js

document.querySelector("li.active a").innerText=''