如何通过本地变量调用ID

Question

如果有html

<TableView id=img1></TableView>
<TableView id=img2></TableView>

常

  $.img1.backgroundImage = "/Picture1.jpeg"

但我想知道如何将id存储在局部变量中并调用相同的函数，代替img1我必须使用局部变量。是这种可能性。

Answer 1

是的当然但需要相应调整代码以设置背景图像

var img1 = $("#img1")
img1.css("background-image","/Picture1.jpeg");

Answer 2

通常$.img1.backgroundImage = "/Picture1.jpeg"是无意义的，因为jQuery不会使用引用页面上带有id的所有元素的属性填充自己。

转换它以使用变量而不是标识符（让我们说var foo = 'img1';以获得以下所有示例的好处）将是

$[foo].backgroundImage = "/Picture1.jpeg";

（这相当于原始代码，但由于我不希望原件工作，所以也不会这样。）

要在JS中实际设置backgroundImage属性，您将：

document.getElementById(foo).style.backgroundImage = "url(/Picture1.jpeg)";

或者如果你是一个jQuery迷：

jQuery('#' + foo).css('background-image', 'url(/Picture1.jpeg)');

Answer 3

var images = $("#img1");

或者你也可以使用

var images_obj=form_name.element_name;

Answer 4

var yourVar= $("#img1").attr("id");

Answer 5

我认为您想要更改由id选择的元素的背景图像css属性，该文件位于局部变量中？

var yourid = "img1";
$('#' + yourid ).css('background-image', '/Picture1.jpeg');

Answer 6

您最好保存对象而不是id，因为您需要一次又一次地通过id获取元素。

var img1Obj1 = $('#img1');  //jQuery object
var img1Obj2 = $('#img1')[0]; // DOM javascript object