With (or similar) statement in JQuery

Question

Very simple question: I want to optimize the following jQuery code with maximum readability, optimal performance and minimum fuss (fuss = declaring new variables etc):

$(".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>');

Answer 1

JavaScript does have the with statement:

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

You might run into some confusing issues regarding variable scope using the with statement though.

You could use chaining to achieve the same thing:

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

Answer 2

You can just keep chaining on the same jQuery object, like this:

$(".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>');