JQuery选择器用于动态id

Question

我试图在Jquery中更改图片源。

<a href="" class="wanted" id="'.$status_id[$num].'"><img src="/images/wanted.png">

通过 JQuery 选择器：

$(".wanted "+ id).attr("src", '/images/wanted_.png');

当 id 在javascript中被定义为php变量$status_id[$num]时，我首先尝试使用$(this)，但未成功。任何见解都将有所帮助。

- michael

---

你在wanted包装器内有多个图片吗？还是你有多个具有不同id的wanted包装器？你是想将它们全部更改为单个图片吗？还是只想将其中一个更改为单个图片？或者是将每个包装器都更改为不同的图片？ - Fabrício Matté

Answer 1

当你访问 $（".wanted"+id）时，实际上你正在尝试访问一个类名为wanted+id的元素。这是因为在'wanted'之前有'.'。此外，您似乎直接访问标记并设置其src属性。您需要访问标记。 您可以尝试这样做：

var x=document.getElementById(id);
$(x).find("img")[0].setAttribute("src","/images/wanted_.png");

- karan k

---

谢谢。优雅简洁。 - michael

Answer 2

HTML元素的ID在页面上必须是唯一的。

您可以尝试：

//I assume id variable is already assigned the id of the element e.g var id = "<?php echo $status_id[$num] ?>";

$("#"+ id).attr("src", '/images/wanted_.png');

如果你想要选择一个同时具有指定id和class的元素，可以尝试如下代码：

$("#"+ id + ".wanted ").attr("src", '/images/wanted_.png');

- Chandu

Answer 3

找到动态加载元素的输入值最简单的方法。

$(document).find("#your_input_id").val();

- Keep It Simple

Answer 4

无论是在 JS 创建时有访问 ID 的权限还是没有，都需要考虑另一种方法来针对该项进行定位，如： $('.wanted')

如果您有访问权限，请将其放入：$('#<?php echo $status_id[$num]; ?>')

- Sinetheta

Answer 5

给它另一个类，比如imgToChange，然后使用$(".imgToChange")

- Charlie