Question

我正在动态生成title属性的内容：

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

如何将类.point-tooltip添加到.points_data div内的每个锚链接中，该链接在其title属性上有文本（换句话说，它不是空的）？

Answer 1

使用此：

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

如果标题可以为空，请使用：

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

attribute-not-equal-selector：

描述：选择既没有指定属性，也没有指定属性但没有特定值的元素。

Answer 2

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

Answer 3

试试这个...

 $(".point_data").find("a[title]").each(function(){
    var titleval = $(this).attr("title").trim();
    if(titleval.length != 0)
    {
        $(this).attr("class","point-tooltip");
    }
});

请参阅此JSFiddle链接： http://jsfiddle.net/rfb23/1/

Answer 4

如果您想在PHP中执行此操作：

<div class="point_data">
<?php 
$title = the_sub_field('points_description');
if(empty($title)) { ?>
  <a href="#" >BLAA</a>
<?php }
else { ?>
  <a href="#" class="point-tooltip" title="<?php echo $title ?>">BLAA</a>
<?php } ?>

为每个在其title属性上包含文本的元素添加一个类

4 个答案: