Question

I’m generating content for the title attribute dynamically:

<div class="point_data">
<a href="#" title="<?php the_sub_field('points_description'); ?>"></a>

How to add the class .point-tooltip to each anchor link inside the .points_data div that has text on its title attribute (in other words, which is not empty)?

Answer 1

Use this:

$('.point_data a[title]').addClass('point-tooltip');

If the title can be empty use this:

$('.point_data a[title][title!=""]').addClass('point-tooltip');

attribute-not-equal-selector:

Description: Select elements that either don’t have the specified attribute, or do have the specified attribute but not with a certain value.