单击按钮时的JavaScript variable.id

单击按钮时的JavaScript variable.id,javascript,jquery,web,frontend,Javascript,Jquery,Web,Frontend,我有一个按变量定义的div: var div_btnlft = document.createElement('div'); div_btnlft.className = "shiftbutton shiftbutton-left"; div_btnlft.id=this.id+"_shiftbutton-left"; //this.id carries view id 我想使用这个唯一的ID定义作为代码中的按钮选择器 $('#'+this.id+"_shiftbutton-left").cl

我有一个按变量定义的div:

var div_btnlft = document.createElement('div');
div_btnlft.className = "shiftbutton shiftbutton-left";
div_btnlft.id=this.id+"_shiftbutton-left"; //this.id carries view id
我想使用这个唯一的ID定义作为代码中的按钮选择器

$('#'+this.id+"_shiftbutton-left").click(function()
{
    console.log("Left click");
}
不起作用。 任何线索都将不胜感激 谢谢 使现代化 对于用户发布的关于动态节点不适用于按钮的帖子,我不敢苟同

    var div_btnrgt = document.createElement('div');
             div_btnrgt.id = "shiftbutton-right";         

        $("div#shiftbutton-right").click(function(){
            }

后者很好用。我正在寻找具有动态名称的相同ID名称

动态创建的元素不能用于单击事件,您必须使用$STATIC-PARENT.onclick、dynamic元素、函数{….}


jQuery.click函数只在渲染时附加DOM中的元素,您需要使用.on

此处的文档:

您能提供任何错误信息吗?不起作用没有太多的东西可供使用。对此进行一个最小的演示为什么不使用$div_btnlft.click@MelanciaUK我不能使用类名,因为我在屏幕上有许多这样的按钮属于不同的视图家长。所以ID是按钮唯一的独特之处。因此,我想知道如何仅使用ID来选择按钮。感谢您的响应,看起来您正在尝试向按钮动态添加变量ID。为什么不给button元素一个唯一的ID,然后创建一个$div.button.clickfunctione{};在该方法中,使用$e.currentTarget.id或某些属性来确定单击了哪个按钮,并从那里执行操作。这有助于您编写更少的代码,减少和重用代码;感谢您的回复。父级也是动态生成的。该文档是button的父窗口小部件的超级父级。但是$document.onclick。。。。似乎不起作用。$this.view.onclick…this.view也是动态的,所以这是可以理解的。那么可能的解决方案是什么呢?如果您包含更多代码或创建一个新的,我们将能够更好地帮助您。您的意思是暗示$+this.id+\u shiftbutton-left.onfunction{console.logLeft click;}对我不起作用。但是感谢您的回复。如果您阅读了上的文档,您会发现它的调用方式如下:$parent-selector-non-dynamic.onevent-name,动态的子元素选择器,函数{console.logleft click;};
$(document).on("click", '#'+this.id+"_shiftbutton-left", function()
{
    console.log("Left click");
}
$(STATIC PARENT HERE).on("click", '#'+this.id+"_shiftbutton-left", function()
{
    console.log("Left click");
}