javascript - 每个功能适用于第一项

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 类应用于第一个文本区域，而忽略其他。怎么了？

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

Answer 1

因为id' 必须是 uniqiue ，所以将其更改为class：

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

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