js中的JSON.stringify

Question

如何使用以下代码从外部JS获取<div> id和标题的引用：

function recordedEvent() {    
    var v_Id = $(this).attr('Id');
    var v_Title = $(this).attr('Title');
    var o = { Title : v_Title, ObjectId : v_Id };
    alert(JSON.stringify(o));
}

在HTML中使用名为box1()的onclick调用该函数。

我要在CplTemplateSetup.js代码CplTemplateSetup.js功能从HTML中运行：

content_left_30_four_click_images_right_70_head_content_template.html

任何帮助，将不胜感激。

---

PS ： JSON数据（ zip存档 ）

Answer 1

好吧，最明显的问题是回调后没有右括号。.否则代码看起来不错

---

编辑

window.lastClickedBoxData = {}; // just reassign that within your function

要么

window.runThisWhenClicked = function () {
    var v_Id = $(this).attr('Id');
    var v_Title = $(this).attr('Title');
    var o = { Title : v_Title, ObjectId : v_Id };
};

然后就

$(".box").click(window.runThisWhenClicked);

Answer 2

我认为您所面临的问题对于任何不查看您的代码的人来说都是显而易见的。

您在html的script标签内定义了一个函数，并在被单击框的onclick属性中调用了该函数。 对于该功能， this是指单击的框。 从那里，您可以在外部js文档中调用一个函数。 在该函数中， this引用窗口对象。 换句话说，对于您发布的代码， $(this)是window对象的jquery实例，它没有您要查找的属性，例如id和title ，因此为空。

要查看我在说什么，请打开控制台并将以下代码行添加到每个函数中：

console.log(this);

如果您在执行此操作时遇到麻烦，则以下代码也应该可以正常工作，但对于调试而言效果不佳：

alert(this);

您需要所有代码都位于html脚本标记或外部文档中。 此外，您不应在html中使用onclick定义在click事件期间要调用的函数。 最好使用javascript或jquery做到这一点，以使您的javascript与html完全分开。

编辑 ：您不应该使用答案来更新您的问题。 您应该使用此信息编辑原始问题，以便任何有类似问题的人都可以找到解决方案。 我会直接对答案发表评论，但我没有做到这一点的声誉。