javascript - 通过 jQuery/CSS 和 for 循环右对齐文本字段

Question

我想通过 jQuery 调用 CSS 将一页上的 5 个输入字段（名为“Textfield1”...“Textfield5”）的内容对齐。我试过这个：

for (var i=1; i<=5; i++)
{
JQuery('#'+ff_getElementByName('"Textfield" + [i]').id).css('text-align', 'right');
}

我试过这个：

for (var i=1; i<=5; i++)
{
var2 = "Textfield" + [i];
JQuery('#'+ff_getElementByName('var2').id).css('text-align', 'right');
}

两者都不起作用。如何让它发挥作用？谢谢。

Answer 1

我认为 CSS 会做到这一点。

<input type="text" id="text1" class="align_text"/>
<input type="text" id="text2" class="align_text"/>
<input type="text" id="text3" class="align_text"/>
<input type="text" id="text4" class="align_text"/>
<input type="text" id="text5" class="align_text"/>
<input type="text" id="text6" class="align_text"/>

.align_text { 文本对齐：对；}

Answer 2

以下代码有效，这里是一个演示链接：jsfiddle

for (var i=1; i<=5; i++)
{
  fields = "Textfield" + i;
  $('#' + fields).css('text-align', 'right');
}

Answer 3

尝试这个：

$('[name^="Textfield"]').css('text-align', 'right');

这使用 jQuery 的属性以选择器开头

Answer 4

使用以下代码：

for (var i=1; i<5; i++)
{
var textfields = "Textfield"+i;
var ids = jQuery("[name="+textfields+"]").attr("id");
JQuery('#'+ids).css('text-align', 'right');
}

Answer 5

这应该有效：

for (var i = 1; i <= 5; i++) {
    JQuery('#' + ff_getElementByName("Textfield" + i).id).css('text-align', 'right');
}

或者

for (var i = 1; i <= 5; i++) {
    var2 = "Textfield" + i;
    JQuery('#' + ff_getElementByName(var2).id).css('text-align', 'right');
}