Question

我想为每个输入字段设置不同的z-index值。我如何用JQuery做到这一点？

我想要这样的事情：

   jQuery.each($("input[type=text]"), function (index, item) {

        item.css("z-index", index);
    });

但＆＃34; item＆＃34;没有css属性。如何正确迭代数组？

HTML：

<div>
<input type="text" required class="form-control" id="Text4" placeholder="Some text"
    runat="server" />
<input type="text" required class="form-control" id="Text5" placeholder="Some text"
    runat="server" />
<input type="text" required class="form-control" id="Text6" placeholder="Some text"
    runat="server" />
</div>

Answer 1

代码中的

item返回HTML元素，而不是jQuery对象。

我建议您将代码更改为：

$("input[type=text]").each( function (index, item) {
    $( item ).css("z-index", index);
});

Answer 2

返回CSS属性值：

$(selector).css(property)

设置CSS属性和值：

$(selector).css(property,value)

使用函数设置CSS属性和值：

$(selector).css(property,function(index,currentvalue))

设置多个属性和值：

$(selector).css({property:value, property:value, ...})

如何使用JQuery设置不同的css属性？

2 个答案: