将jQuery与JSF自动生成的id一起使用（问题为“：”）

Question

我阅读了这篇文章Handling a colon in an element ID in a CSS selector，其中概述了如何选择包含冒号的已知ID。

我想要做的是创建一个包含图像的JSF列表。然后使用jQuery我想选择每个图像并读入id。如果没有编写一些代码替换冒号，这可能吗？

Answer 1

使用jQuery iterate over each individual img element。假设您的ul元素的ID为wx:yz：

// Use jQuery to select all images within
var imgs = $('#wx\\:yz img');

// Iterate over each one and give the image ID to the library
// only if the image actually has an ID.
imgs.each(function() {
    if(this.id && this.id.length) {
        nameOfYourLibraryFunction(this.id);
    }
});

Answer 2

使用JSF时使用类而不是ID更安全。