I'm trying to add a class to links within paragraphs whose paragraphs don't have immediate text, but the class is being added to every link.
This is what I tried so far:
$('.card p a').each(function() {
if ($(this).parent().not($(this)).text()) {
$(this).addClass('noTextDecoration');
}
});.noTextDecoration {
text-decoration: none;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="card">
<p>Curabitur aliquet quam id <a href="#">dui posuere blandit</a>. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla porttitor accumsan tincidunt.</p>
<p><a href="#">learn more</a></p>
</div>
<div class="card">
<p>Curabitur aliquet quam id <a href="#">dui posuere blandit</a>. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla porttitor accumsan tincidunt.</p>
</div>Thanks in advance!