每个功能都适用于第一个项目

Question

<textarea id="bbcode_enabled"></textarea>
<textarea id="bbcode_enabled"></textarea>
<textarea id="bbcode_enabled"></textarea>

$(document).ready(function()
{
    $("#bbcode_enabled").each(function () { 
        $(this).bbcode({
            tag_bold:true,
            tag_italic:true,
            tag_underline:true,
            tag_link:true,
            tag_item:true,
            tag_skill:true,
            tag_own3d:true,
            tag_youtube:true,
            tag_twitch:true,
            tag_color:false,
            tag_image:true,
            button_image:true
        });
    });
});

它只将BBCode类应用于第一个textarea,忽略其他类.怎么了？

PS.这是我正在使用的BBCode类. http://pastebin.com/FqXasEmD

Answer 1

因为id必须是独一无二的,所以要把它变成class:

<textarea class="bbcode_enabled"></textarea>
<textarea class="bbcode_enabled"></textarea>
<textarea class="bbcode_enabled"></textarea>

$(".bbcode_enabled").each(function () { 
    ...
});