代码之家  ›  专栏  ›  技术社区  ›  eozzy

动态查找和附加容器

  •  0
  • eozzy  · 技术社区  · 15 年前

    a#myname
    div#tooltip-myname
    
    a#yourname
    div#tooltip-yourname
    

    jQuery查询:

    $('#myname').tooltip($('#tooltip-myname'));
    $('#yourname').tooltip($('#tooltip-yourname'));
    

    如何使工具提示容器部件自动化,以便不必手动输入' #tooltip-myname ' ' #tooltip-yourname

    谢谢!

    1 回复  |  直到 15 年前
        1
  •  4
  •   Nick Craver    15 年前

    .each() 循环,像这样:

    $('#myname, #yourname').each(function() {
     $(this).tooltip($('#tooltip-' + this.id));
    });
    

    如果这些元素有一个类,那么维护起来就更容易了,例如如果它们都有类的话 class="hasTooltip" 你可以用 .class selector

    $('.hasTooltip').each(function() {
     $(this).tooltip($('#tooltip-' + this.id));
    });
    

    然后您可以添加任意多的内容,而无需编辑脚本。