如何使用 Jquery 将类的 id 获取到 Web 服务中

Question

我有几个“就地编辑”文本框位于生成的表中，我需要将标识符从页面传递到网络服务，因此...

$(document).ready(function () {

 $(".extraText").editInPlace({
            url: "http://" + document.location.host + "/MenuEdit/EditExtra/",
            params: "Id=" + function() {return $(this).attr("rel")},
etc

由于我有几个相同的框，我需要按类调用并且不是通过元素，但我需要从单个元素中获取 Id 属性“rel”并将其传递到 Web 服务。在匿名函数 (function() { return $(this).attr("rel")},) 的最后一点，我总是陷入困境。我已经尝试了很多变体，如果我对某些变体发出警报，它会给我正确的结果，但不会返回它。请帮忙。

Answer 1

我想如果 editInPlace 不提供任何在运行时获取值的可能性，您必须循环遍历每个元素：（

(function() {
    var url = "http://" + document.location.host + "/MenuEdit/EditExtra/";
    $(".extraText").each(function() {       
         $(this).editInPlace({
            url: url,
            params: "Id=" + $(this).attr("rel"),
        etc 
        });
    });
}());

直接函数只是为了不使用 url< /code> 变量并避免重复的字符串连接）

不确定您想要使用匿名函数实现什么......就目前而言，它只是尝试将函数与字符串连接起来。

Answer 2

你的函数永远不会被调用。当您编写如下内容时：

"Abc " + function() { return 'def'; };

Javascript 会将“Abc”与 function() { return 'def'; 的求值连接起来} 这是一个函数对象！
它相当于：

var foo = function() { return 'def'; };
"Abc " + foo;

Javascript 将 foo 转换为字符串，结果将是：

"Abc [Object]"

因为 Function 对象的字符串表示形式是 '[Object]' （或者可能是 "Abc function() { return 'def'; }"，这取决于你的 JS 实现）。

这与以下内容略有不同：

"Abc " + foo();

这是一个函数调用并执行函数，并给出预期结果：

"Abc def"

按照 Felix Kling 的建议找到问题的解决方案。