Javascript 使用json2html呈现锚href

Javascript 使用json2html呈现锚href,javascript,jquery,html,json2html,Javascript,Jquery,Html,Json2html,我正在尝试通过以下转换使用json2html呈现锚点: 'renderTimeline':[ { tag: "a", class: "btn btn-warning btn-circle", style: "float: right;", html: "<i class=\"icon-remove\"></i>", "href": function() { var myhref = "javascript:

我正在尝试通过以下转换使用json2html呈现锚点:

'renderTimeline':[  {
    tag: "a",  
    class: "btn btn-warning btn-circle", 
    style: "float: right;", 
    html: "<i class=\"icon-remove\"></i>",
    "href": function() {
        var myhref = "javascript:delSchedule(" + this + ");";
        return myhref;
    }
}]
我在呈现的html上以o/p的形式获得以下内容:

<a class="btn btn-warning btn-circle" style="float: right;" href="javascript:delSchedule([object Object]);"><i class="icon-remove"></i></a>

请帮助我解决此问题。

假设您试图将单击元素的引用传递给
delSchedule
函数,则需要更改
href
定义,如下所示:

"href": function() {
    var myhref = "javascript:delSchedule(this);"; // note 'this' is part of the string, not concatenated
    return myhref;
}
{
标签:“a”,
类别:“btn btn警告btn圆圈”,
样式:“float:right;”,
html:“”,
“href”:函数(){
var myhref=“javascript:delSchedule(this);”;
返回myhref;
}
}
查看更多示例,但您应该使用内置的jquery事件,如

'renderTimeline':[  {
tag: "a",  
class: "btn btn-warning btn-circle", 
style: "float: right;", 
html: "<i class=\"icon-remove\"></i>",
"onclick": function(e) {
    delSchedule(this);
}}
}]
'renderTimeline':[{
标签:“a”,
类别:“btn btn警告btn圆圈”,
样式:“float:right;”,
html:“”,
“onclick”:函数(e){
(本)附表;
}}
}]

请注意,json2html只需在事件中添加前缀“on”,即可支持大多数jquery事件。。例如onclick、onfocus等。以下代码解决了我的问题:

'renderTimeline':[  {
    tag: "a",  
    class: "btn btn-warning btn-circle", 
    style: "float: right;", 
    html: "<i class=\"icon-remove\"></i>",
    "onclick": function(e) {
       delSchedule(e);
   }}
}]

我希望能够访问函数delSchedule()中的“星期一”。我该怎么做?请帮助。

不起作用,我想是因为“this”不是作为对象传递的。还有其他方法吗?可能在onclick事件中?botton也可以代替链接。无错误。控制台显示:传递给getElementById()的空字符串。“this”返回delSchedule()函数中的按钮节点。由delSchedule()函数中的console.log()确认。我需要的是传递给这个转换的json片段;并且正在通过此转换进行渲染。然后使用e.obj。。更多信息请访问json2html.com=>Attributes=>jquery=>eventattributes
{
  tag: "a",  
  class: "btn btn-warning btn-circle", 
  style: "float: right;", 
  html: "<i class=\"icon-remove\"></i>",
  "href": function() {
      var myhref = "javascript:delSchedule(this);";
      return myhref;
    }
}
'renderTimeline':[  {
tag: "a",  
class: "btn btn-warning btn-circle", 
style: "float: right;", 
html: "<i class=\"icon-remove\"></i>",
"onclick": function(e) {
    delSchedule(this);
}}
}]
'renderTimeline':[  {
    tag: "a",  
    class: "btn btn-warning btn-circle", 
    style: "float: right;", 
    html: "<i class=\"icon-remove\"></i>",
    "onclick": function(e) {
       delSchedule(e);
   }}
}]
{ monday:[ { startTime:10:00, endTime: 12:00, room_id:cse124 }, { startTime:13:00, endTime: 15:00, room_id:lotus } ] }