Javascript Jquery:如何获取我单击的元素的当前id并对其进行更改’;她叫什么名字?

Javascript Jquery:如何获取我单击的元素的当前id并对其进行更改’;她叫什么名字?,javascript,jquery,html,Javascript,Jquery,Html,我有一个拖放式网站生成器,它使用html块,每个块都有一个设置好的id。一旦块被放到画布上,我需要创建一个导航菜单链接到每个块的ID。如何获取我单击的块的当前id并更改其名称 下面是我尝试过的,但有几个问题: 它不显示块的名称 它只接受整数(输入文本时给出NaN) 它更改画布上所有块的id,而不仅仅是更改我单击的块的id Php页面(index.Php) 在jquery中,您可以使用: $(this).attr('id', [new-value]); 工作示例: $(文档).ready(函

我有一个拖放式网站生成器,它使用html块,每个块都有一个设置好的id。一旦块被放到画布上,我需要创建一个导航菜单链接到每个块的ID。如何获取我单击的块的当前id并更改其名称

下面是我尝试过的,但有几个问题:

  • 它不显示块的名称
  • 它只接受整数(输入文本时给出NaN)
  • 它更改画布上所有块的id,而不仅仅是更改我单击的块的id
  • Php页面(index.Php)


    在jquery中,您可以使用:

    $(this).attr('id', [new-value]);
    
    工作示例:

    $(文档).ready(函数(){
    $('div[id^=“block-”])。单击(函数(){
    $(this.attr('id'),'new-'+$(this.attr('id'));
    $(this.html($(this.html().replace('block','new-block'));
    });
    });
    
    div{
    显示:内联块;
    利润率:6px;
    填充:6px;
    颜色:rgb(255255);
    背景色:rgb(255,0,0);
    }
    
    我的id是block-1
    我的id是block-2
    
    我的id是block-3,在jquery中,您可以使用:

    $(this).attr('id', [new-value]);
    
    工作示例:

    $(文档).ready(函数(){
    $('div[id^=“block-”])。单击(函数(){
    $(this.attr('id'),'new-'+$(this.attr('id'));
    $(this.html($(this.html().replace('block','new-block'));
    });
    });
    
    div{
    显示:内联块;
    利润率:6px;
    填充:6px;
    颜色:rgb(255255);
    背景色:rgb(255,0,0);
    }
    
    我的id是block-1
    我的id是block-2
    
    我的id是block-3
    $(this).attr(“id”,bname);我真的不知道你想做什么。如果我点击按钮,它应该更改哪个块?它应该改变什么?只是身份证,头衔还是什么?输入什么?$(this).attr(“id”,bname);我真的不知道你想做什么。如果我点击按钮,它应该更改哪个块?它应该改变什么?只是身份证,头衔还是什么?输入什么?
    $(this).attr('id', [new-value]);