Text in HTML ausblenden, der keine HTML-Tags hat [duplicate]

Lesezeit: 3 Minuten

Aktualisieren Sie den WooCommerce Produktpreis und den Lagerbestand
Sergi Khizanishvili

Ich habe HTML-Code hier unten und es gibt Text, der keine HTML-Umgebung hat. Gibt es eine Methode, um den Text “Enter” auszublenden? das ist nach dem “p”-Tag?

<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp;</p>
Enter <-- i want to hide this text
<div class="subhead"></div>
</div>

Es ist nicht möglich, es mit einem div oder einem anderen Tag zu umschließen, also brauche ich eine andere Entscheidung wie JavaScript oder etwas CSS?

  • Sie können immer span verwenden, um es zu umschließen. Nein, es gibt keine andere Möglichkeit, wenn es nicht mit einem Etikett umwickelt ist.

    – atiq1589

    2. April 2018 um 10:09 Uhr

  • In CSS geht das nicht, mach es einfach mit jQuery.

    – Luis PA

    2. April 2018 um 10:10 Uhr


  • @LuísP.A. Können Sie mir einen Tipp geben, wie man es mit jQuery macht

    – Sergi Khizanishvili

    2. April 2018 um 10:13 Uhr

  • Dieser Text kann überall auf der Seite stehen ? oder nur darin p Schild ? @SergiKhizanishvili

    – Muhammad Usmann

    2. April 2018 um 10:13 Uhr


  • Wo endet das Div?

    – Aniruddha Gohad

    2. April 2018 um 10:14 Uhr

Text in HTML ausblenden der keine HTML Tags hat duplicate
Temani Afif

Ich würde einen CSS-Hack mit Schriftgröße in Betracht ziehen:

.entry {
  font-size:0;
}
.entry * {
  font-size:initial;
}
<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp; somethin here</p>
Enter (this will be hidden !!)
<div class="subhead">another text here</div>
</div>

Eine andere Idee mit visibility:

.entry {
  visibility:hidden;
}
.entry * {
  visibility:visible;
}
<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp; somethin here</p>
Enter (this will be hidden !!)
<div class="subhead">another text here</div>
</div>

  • Beachten Sie nur, dass Screenreader weiterhin beide Eingaben vorlesen

    – Cody Hamilton

    2. April 2018 um 10:24 Uhr

Entschuldigen Sie die späte Antwort, aber so können Sie es tun jquery. Holen Sie sich einfach den gesamten Inhalt eines div, filtern Sie den Inhalt ohne Tags herum und packen Sie ihn ein span mit Stileigenschaft als display:none. Dadurch wird dieser Text für Sie ausgeblendet.

$(".entry")
    .contents()
    .filter(function () {
    return this.nodeType === 3 && this.nodeValue.trim() !== "";
}).wrap("<span style="display:none" ></span>");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp;</p>
Enter <!-- i want to hide this text-->
<div class="subhead"></div>
</div>

Danke

Glaubst du, es wird funktionieren

var ele =document.getElementsByClassName('entry')[0]
ele.removeChild(ele.lastChild)

  • es wird das letzte Element entfernen

    – RITESH ARORA

    2. April 2018 um 10:18 Uhr

915710cookie-checkText in HTML ausblenden, der keine HTML-Tags hat [duplicate]

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy