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

【问题标题】：Align textfields right via jQuery/CSS and within a for loop通过 jQuery/CSS 和 for 循环右对齐文本字段
【发布时间】：2013-05-04 22:18:05
【问题描述】：

我想通过 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');
}

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

【问题讨论】：

嘿，你的 html 是什么样的？
html 只是将名称分配给输入字段。 html 没问题，因为 JQuery('#'+ff_getElementByName('Textfield1').id).css('text-align', 'right');有效！！
也发布ff_getElementByName函数..

标签： javascript jquery css loops

【解决方案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 { 文本对齐：右； }

【讨论】：

【解决方案2】：

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

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

【讨论】：

OP 提到的元素是named "Textfield1" ... "Textfield5"，所以使用# 可能不起作用。
您是对的，感谢您的回答。尽管如此，即使不关心 ff_getElementByName 或 #，也找到了解决方案。

【解决方案3】：

这应该可行：

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');
}

【讨论】：

谢谢。省略 '' 确实是最简单的解决方案，并且现在可以完美运行。

【解决方案4】：

试试这个：

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

这使用了 jQuery 的 Attribute starts with 选择器

【讨论】：

【解决方案5】：

使用下面的代码：

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

【讨论】：