如何在循环内获取单击标记的数据?

时间:2016-09-09 19:28:15

标签: javascript php wordpress google-maps google-maps-markers

我正在尝试为Wordpress创建一个Google Maps插件。

访问:http://andresposadallano.com/sym/tiendas

我有以下php循环来显示数据标记。

// Start the Loop
while ( $query->have_posts() ) : 
    $query->the_post();                                  
    $id = get_the_id();
    $latitud = get_post_meta($id, 'latitud')[0];
    $longitud = get_post_meta($id, 'longitud')[0]; 
?>

<li>
    <a href="" class="point" onclick="show_info(); click_to_move(); return false;" data-title="<?php the_title(); ?>" data-content="<?php the_content(); ?>" data-latitud="<?php echo $latitud ?>" data-longitud="<?php echo $longitud ?>"> <?php the_title(); ?> </a> 
</li> 

<?php endwhile; 

然后,我有以下函数来获取点标题,仅针对点击的点。

function show_info(){
     jQuery('#nav-acc a.point').each(function(index){
           var tit_t = jQuery(this).data('title');
           console.log( index + ': ' + tit_t );
     });
}

此处显示列表中的所有标题,如何仅打印所点击标记的标题?

1 个答案:

答案 0 :(得分:0)

您不需要.each循环。从click事件发送元素并使用它。这样的事情。

<a href="" class="point" onclick="show_info(this); click_to_move(); return false;"... 
//....                                      ^^^^
function show_info(elem){
           var tit_t = $(elem).data('title');
           console.log( index + ': ' + tit_t );
}