jquery - jQuery 更新/放置文本

Question

我有以下内容，效果很好：

JsFiddle：http: //jsfiddle.net/qbh2B/1/

jQuery

(function($){
        $.fn.textareaCounter = function(options) {
            // setting the defaults
            // $("textarea").textareaCounter({ limit: 100 });
            var defaults = {
                limit: 100
            };  
            var options = $.extend(defaults, options);

            // and the plugin begins
            return this.each(function() {
                var obj, text, wordcount, limited;

                obj = $(this);
                obj.after('<span style="font-size: 12pt; clear: both; margin-left: 40px; margin-top: 3px; display: block;" class="counter-text">Max. '+options.limit+' words</span>');

                obj.keyup(function() {
                    text = obj.val();
                    if(text === "") {
                        wordcount = 0;
                    } else {
                        wordcount = $.trim(text).split(" ").length;
                    }
                    if(wordcount > options.limit) {
                        $(this).next().html('<span style="color: #DD0000;">0 words left</span>');
                        limited = $.trim(text).split(" ", options.limit);
                        limited = limited.join(" ");
                        $(this).val(limited);
                    } else {
                        $(this).next().html((options.limit - wordcount)+' words left');
                    } 
                });
            });
        };
    })(jQuery);

$("textarea").each(function() {
    $(this).textareaCounter();
});

HTML

Question 100 <textarea class="scanwid" name="q100" id="q100" rows="1" ></textarea>
Question 101 <textarea class="scanwid" name="q101" id="q101" rows="1" ></textarea>
Question 102 <textarea class="scanwid" name="q102" id="q102" rows="1" ></textarea>

但是，我想做的就是将 text 放在 textMax. 100 words之后Question 100。

无法弄清楚如何实现这一目标 - 有什么建议吗？

Answer 1

小提琴

只需更改aftertobefore并删除display:blockcss 让跨度不会改变行。

Answer 2

http://jsfiddle.net/j68Sb/1/

添加一个display:inline并将每个问题块包装成自己的div

顺便说一句：对我来说不是倒计时，它卡在“99字”