jQuery maxlength 属性与文本区域的问题

Question

使用 jQuery 版本 1.2.3，我尝试在具有属性“maxlength”的 textarea 元素之后添加节点，但它不起作用:


$("textarea[@maxlength]").after("<b>Aint working</b>");


这是 HTML 代码:

<textarea maxlength="500">This is a test.</textarea>
<textarea maxlength="250">Yet another line.</textarea>
<textarea maxlength="125">Bar or foo, whatever.</textarea>

奇怪的是，如果我更改属性 maxlength例如rel比它工作得更好!

看看这个现实生活中的例子: http://www.host2000.be/_temp/jquery_tests_counter.html

PS:我知道 jQuery 1.3 不再支持 [@attribute] 表示法，但这与问题无关。

Answer 1

对于您的 jQuery 版本，它只需要一个小技巧即可工作。 textarea的隐含值对于不同的浏览器有不同的值。例如，Firefox 的隐式值为 -1。

因此，为了让您的脚本在 Firefox 上运行，您需要执行以下操作:

$("textarea[@maxlength!=-1]").after("<b>Aint working</b>");

Here您可以找到有关 maxlength 属性隐式值的更多信息。

享受吧!