如何为多个元素使用相同的ID? - ArcText Wordpress作者名称JS

时间:2013-12-26 22:27:11

标签: javascript php jquery wordpress

我正在使用[ArcText][1]在wordpress的弯曲路径上呈现作者姓名。我是PHP和JS的初学者。

功能:

function get_meta($id){
  echo <span id='example1'>".the_author_meta_r("display_name",$id)."</span>
}

ArcText脚本:

var $example1   = $('#example1').hide();

google.load('webfont','1');

google.setOnLoadCallback(function() {
  WebFont.load({
    google        : {
      families    : ['Montserrat','Concert One']
    },
    fontactive    : function(fontFamily, fontDescription) {
      init();
    },
    fontinactive  : function(fontFamily, fontDescription) {
      init();
    }
  });
});

function init() {
  $example1.show().arctext({radius: 150, dir: -1});         
};

显示我使用的作者姓名:

<?php get_meta(1); ?><?php get_meta(2); ?><?php get_meta(3); ?>

问题是只有(1)用曲线渲染而其他两个没有用,因为其中三个具有相同的id,而一个元素可以有一个id。

我可以宁愿上课吗?由于我不知道用户将使用<?php get_meta(); ?>多少次,这就是为什么我试图避免使用多个ID创建多个函数。

1 个答案:

答案 0 :(得分:1)

function get_meta($class){
  echo <span id='example1' class='useMultiTimes'>".the_author_meta_r("display_name",$class)."</span>
}

然后在Javascript中:

var $example1   = $('.useMultiTimes').hide();

或者,您可以这样做:

var $example1   = $("span[class='useMultiTimes']").hide();

但是这可能会隐藏所有具有相同类的元素吗?

<?php get_meta('useMultiTimes'); ?>