Jquery 和 JSF 找到 <h :inputText/> 的特定 id

Question

我希望使用 Jquery 来匹配 JSF 中 inputText 的 id 。但它不起作用，我不知道为什么。

JSF 代码

<h:inputText id="email" value="#{userActionManager.newUser.emailID}">
</h:inputText>

---

Jquery 代码

$(document).ready(function() {
$("inputText[id^=email]").each(function(){

    this.value = $(this).attr('title');
    $(this).addClass('text-label');

    $(this).focus(function(){
        if(this.value == $(this).attr('title')) {
            this.value = " ";
            $(this).removeClass('text-label');
        }
    });

    $(this).blur(function(){
        if(this.value == '') {
            this.value = $(this).attr('title');
            $(this).addClass('text-label');
        }
    });
});
});

我需要 inputText[id^=email] 才能访问 JSF 代码中使用的 inputText id。 请帮忙...

Answer 1

首先，页面上的 Id 应该是唯一的。

接下来从选择器中删除inputText标签(它不是有效的jQuery元素选择器)

$("[id^=email]").each(function(){

您还可以将类“email”添加到 inputText 并使用类选择器:

$(".email").each(function(){