代码之家  ›  专栏  ›  技术社区  ›  Salman Arshad

jquery中包含(或类似)语句

  •  1
  • Salman Arshad  · 技术社区  · 14 年前

    非常简单的问题:我希望以最大可读性、最佳性能和最小模糊度(fuss=声明新变量等)优化以下jquery代码:

    $(".addthis_toolbox").append('<a class="addthis_button_delicious"></a>');
    $(".addthis_toolbox").append('<a class="addthis_button_facebook"></a>');
    $(".addthis_toolbox").append('<a class="addthis_button_google"></a>');
    $(".addthis_toolbox").append('<a class="addthis_button_reddit"></a>');
    .
    .
    .
    $(".addthis_toolbox").append('<a class="addthis_button_yetanotherservice"></a>');
    
    2 回复  |  直到 14 年前
        1
  •  0
  •   Justin Niessner    14 年前

    javascript确实有 with 声明:

    with($(".addthis_toolbox"))
    {
        append('<a class="addthis_button_delicious"></a>');
        ...
    }
    

    您可能会遇到一些关于变量范围的令人困惑的问题。 using 但是WITH语句。

    您可以使用链接来实现相同的事情:

    $(".addthis_toolbox").append('<a class="addthis_button_delicious"></a>')
                         .append(...)
                         .append(...);
    
        2
  •  6
  •   Nick Craver    14 年前

    您只需在同一个jquery对象上保持链接,如下所示:

    $(".addthis_toolbox").append('<a class="addthis_button_delicious"></a>')
                         .append('<a class="addthis_button_facebook"></a>')
                         .append('<a class="addthis_button_google"></a>')
                         .append('<a class="addthis_button_reddit"></a>');