ID使用dot.notation时获取字段的值

Question

查看我的编辑以获取更多详细信息：

我已经为此做了很多乱七八糟的事情，但无济于事。是时候求助专家了...

我的表单元素上的 ID 使用的是 dot.notation（对此我无能为力）。鉴于这一警告，以下内容非常有效：

$("input[id='primaryEmail.Revisit']").blur(function() {
        var emailValue = $(this).val();
        alert(emailValue);
});

但是，以下不是：

function getEmailVal() {
        var emailValue = $("input[id='primaryEmail.Revisit']").val();
        return emailValue;  
}
$("#login").click(function() {
        var emailValue = getEmailVal();
        alert(emailValue);
        rebakeCookies();
});

我也试过这些：

function getEmailVal() {
        var emailValue = $("input[id='primaryEmail.Revisit']").attr("value");
        return emailValue;  
}

function getEmailVal() {
        var emailValue = $("#primaryEmail\\.Revisit").val();
        return emailValue;  
}

首先，我如何使用函数获取值，其次，为什么我可以将 val() 与 blur 函数一起使用，而不是与我的函数一起使用？

非常感谢您对此的任何帮助！

我已经解决了——至少就我的目的而言。但是我仍然不确定原始问题的答案是什么？为了解决这个问题，我在输入字段中添加了一个类并引用了该选择器——这很好用：

function getEmailVal() {
        var emailValue = $(".primaryEmailRevisit").val();
        return emailValue;  
    }

$("#login").click(function() {
        var emailValue = getEmailVal();
        alert(emailValue);
        rebakeCookies();
    });

Answer 1

您是否在文档准备好后调用该函数？在文档准备好之前永远不会调用模糊，因此模糊会起作用是有道理的，但如果您在渲染元素之前调用函数，则您的函数不会。

以下是调用函数的示例。我强烈建议使用这种选择器格式，因为它是更常见的表示法。

html:

<input id="primaryEmail.Revisit" value="this.works@hotgmail.comnet" />
<div id="result"></div>

js:

var getEmailVal = function(){
    return $('input#primaryEmail\\.Revisit').val();
};

$(document).ready(function(){
    $("#result").html(getEmailVal());
});

Answer 2

即使获得价值，它也应该可以正常工作。看看这个小提琴它工作正常。您的代码中可能存在其他问题。

$(function(){
    $("input[id='id.id']").blur(function(){
        alert($("input[id='id.id']").val());
    });
});

http://jsfiddle.net/E4mz9/268/