Hide Second <DT> mit Javascript oder CSS

Ich versuche, die erste und zweite Beschreibung Begriff und Daten zu verbergen. (dt & dd). Ich habe eine ähnliche Frage in Bezug auf Tabellen gefunden und die zweite versteckt. Aber aus irgendeinem Grund funktioniert der Code nicht für mich. Irgendwelche Vorschläge.Hide Second <DT> mit Javascript oder CSS

<div class="tribe-events-meta-group tribe-events-meta-group-other"> 
<h3 class="tribe-events-single-section-title"> Other </h3> 
<dl> 
       <dt> Already An Approved Group? </dt> 
     <dd class="tribe-meta-value"> 
      Yes, nothing has changed   </dd> 
       <dt> Have You Been Approved for a Room? </dt> 
     <dd class="tribe-meta-value"> 
      Yes   </dd> 
       <dt> Room Number </dt> 
     <dd class="tribe-meta-value"> 
      302   </dd> 
       <dt> Will Childcare Be Available </dt> 
     <dd class="tribe-meta-value"> 
      Yes   </dd> 
       <dt> Restrictions </dt> 
     <dd class="tribe-meta-value"> 
      none   </dd> 
       <dt> Cost </dt> 
     <dd class="tribe-meta-value"> 
      Free   </dd> 
       <dt> Registration Required </dt> 
     <dd class="tribe-meta-value"> 
      No   </dd> 
     </dl>

war hier der Code, der verwendet wurde, die zweite Tabellenzeile zu verbergen.

<div class="NewsResultsList"> 
    <table border="1" id="table"> 
     <tr><td>News Results based on user queries</td></tr> 
     <tr><td>Random news results</td></tr> 
    </table> 
</div> 

$(document).ready(function(){ 
$('div.NewsResultsList table tr:eq(1)').remove()

})

Quelle

2016-07-13 Rob Orf

Sie den CSS-Selektor :first-of-type dies tun können:

.tribe-events-meta-group dl dt:first-of-type, 
.tribe-events-meta-group dl dd:first-of-type { display:none; }

In diesem Beispiel versteckt die erste ich dt und die erste dd innerhalb des dl die ist innerhalb eines Elternelements, dessen Klasse tribe-events-meta-group ist.

Der Wähler kann geändert werden, wenn Sie es brauchen usw. auf der Seite für alle Definitionslisten anzuwenden diese

Quelle

2016-07-13 18:01:46 HaukurHaf

Danke HaukurHaf! es hat perfekt funktioniert, aber warum funktioniert (Zweittyp)? –

nth-of-type (2) Ich sehe! –

Cool :-) Es gibt keinen solchen Selektor (Second-of-Type), nur First-of-Type. – HaukurHaf

Versuchen:

dt:first-child, 
dt:first-child + dd { 
    display: none; 
}

Dies wird das erste Kind dt verstecken und es ist zuerst Geschwister dd.

Quelle

2016-07-13 18:03:10

Hide Second <DT> mit Javascript oder CSS

Antwort

Verwandte Themen