O seletor Jquery não funciona quando o elemento contém ponto no nome da marca
Eu comecei a usar o jquery pela primeira vez, então não tenho certeza se o que estou fazendo está correto. O que estou tentando fazer é muito básico, tenho um script que está adicionando uma marca d'água css às caixas de texto após o carregamento em uma exibição do MVC.
Para selecionar o elemento, eu faço o seguinte:
jQuery(document).ready(function(){$('#Department.DeptName').addWatermark('input-watermarked', 'test');});
Então, no meu script para adicionar a classe watermark css, ela falha na instrução "this.val (). Length".
jQuery.fn.toggleWatermark = function(watermarkedClass, watermarkText) {
if (this.hasClass(watermarkedClass)) {
this.removeWatermark(watermarkedClass);
}
else if (this.val().length == 0) {
this.addClass(watermarkedClass);
this.val(watermarkText);
}
}
O script funciona bem onde um ID de elemento é "DepartmentDeptName", é como se o seletor não funcionasse quando o ID de elemento contivesse um ponto dentro dele. Alguém sabe por que ou como contornar esse problema?