Question

我有一堆字段，其中一些有像

这样的标签

<input id="1" /><label for="1" />
<input id="2" />
<input id="3" /><label for="3" />

对于我想做的每个标签

var for_label = $(label).attr("for");

然后使用该变量将样式应用于相应的输入字段。我该怎么做？我非常感谢一个例子，我对Javascript很新...

Answer 1

$('label').each(function() {
    // Get corresponding input element:
    var input = $('#' + $(this).attr('for'));
    // apply some CSS class 
    input.css('someStyle');
});

作为旁注，ID不能以数字开头。

Answer 2

$(label).attr("for")将返回标签using the attr method的ID。然后，您想要select the element with that id所以：$("#" + $(label).attr("for"))现在您已选择了输入元素。您可以使用.css()更改其样式。例如：$("#" + $(label).attr("for")).css("color", "blue")。 To loop through all the labels you can d○：

$("label").each(function(){
  $("#" + $(this).attr("for")).css("color", "blue");//note that this refers to the label in this context
});

使用jquery .attr设置变量，然后更改它

2 个答案: