Wie sichtbar Klasse zu finden, basierend auf partielle ID und dann vollständige ID in jquery

Question

zurückkehrt Wie würde ich die sichtbare Klasse findet basierend auf Teil-ID und dann die vollständige ID in jquery zurückkehren, hier einige von meinem Code für Sie zu erhalten besseres Verstehen.

<div class="visible" id="fares-and-payments-1-10kms"> 
</div> 

<div class="hidden" id="fares-and-payments-11-20kms"> 
</div> 

<div class="hidden" id="fares-and-payments-21-30kms"> 
</div> 

Also im Grunde, wenn Sie das Snippet nehmen oben Ich mag die „Tarife-and-Zahlungen-1-10kms“ id zurückzukehren, wie dass der div ist, die eine Klasse hat, die sichtbar ist.

Die eleganteste und effizienteste Art wäre toll.

Answer 1

Sie das Attribut verwenden könnte beginnt-Selektor mit, in Kombination mit der Klasse

var elem = $('[id^="fares-and-payments"].visible'); 

, dass Sie das Element wird, wenn Sie die ID benötigen, würden Sie nur elem.prop('id')