Este es mi html:
<div class="names my-3 text-center"> <a href="#" class="anchor">Susan</a> <a href="#" class="anchor">Jack</a> <a href="#" class="anchor">Bill</a> </div> <br /> <h5 class="currentname">Jack</h5> Uno de los anclajes que contiene el mismo nombre que la clase currentname debe tener class red con él.
var currentname = $('.currentname').text(); // read currentname in h5 $('.names a').text(name).addClass('red');¿que estoy haciendo mal? (Ahora todos se ponen rojos)
Usar contains y agregar clase depende de eso.
var currentname = $('.currentname').text(); // read currentname in h5 $("a.anchor:contains(" + currentname + ")").addClass('red'); .red { color: red } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="names my-3 text-center"> <a href="#" class="anchor">Susan</a> <a href="#" class="anchor">Jack</a> <a href="#" class="anchor">Bill</a> </div> <br /> <h5 class="currentname">Jack</h5> One of the anchors that contains the same name as class currentname should have class red with it.