追加后从HTML标记获取ID值

巴勃罗夫

我用append()创建一个按钮

var $itembtn = $('<figure data-groups=\'["'+ group +'"]\'>
            <button class="loadmorebtn" id="'+ group +'">Load more items '+ group  +'</button>
        </figure>');
$grid.append($itembtn);

按钮创建完毕。

<button id="graphics" class="loadmorebtn">Load more items graphics</button>

之后,我要获取其ID。

 function() {
        $('.loadmorebtn').on('click', function() {
         alert(this.id); 

 },

ID为空。

如果将按钮直接放在html中,则可以使用。

工匠湾

试试这个:

JQUERY .on()方法

如前所述,按钮是动态附加字段。

初始加载期间不在DOM中,这就是为什么您无法获取ID的原因。

您应该使用jQuery .on()方法来获取ID。

$(document).ready(function(){ 
   $('body').on('click','.loadmorebtn',function().                     {
      alert($(this).attr('id'));
  }); 
});

您也可以使用alert(this.id);

希望这会有所帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用BeautifulSoup在HTML标记后获取文本

来自分类Dev

如何在“>”符号后获取文本(HTML标记除外)

来自分类Dev

如何获取HTML标记的值以发送HTML.Action()

来自分类Dev

jQuery加载HTML后获取ID

来自分类Dev

获取和发送 id 标记字段值。扩展程序

来自分类Dev

更改后获取html元素值

来自分类Dev

HTML Javascript通过id标记名获取textNode吗?

来自分类Dev

如何从HTML的<a>标记获取ID到JSP文件中?

来自分类Dev

HTML Javascript通过id标记名获取textNode吗?

来自分类Dev

如何在JavaScript中获取HTML标记值(div)

来自分类Dev

如何在HTML标记中获取动态变量的值

来自分类Dev

如何在html的<p>标记中获取url的值

来自分类Dev

通过ID获取HTML服务值

来自分类Dev

无法在 html 表单中获取 id 值

来自分类Dev

从localStorage追加后,如何从显示的HTML中获取div数据?

来自分类Dev

JQuery 自动完成后获取 ID 的值

来自分类Dev

HTML标记后使用斜杠

来自分类Dev

更改选择框值后获取html内容

来自分类Dev

尝试获取插入值后获取的返回ID,但mysqli_insert_id()返回null

来自分类Dev

jQuery-从追加无限滚动获取DIV id值

来自分类Dev

省略DOCTYPE html标记后的HTML版本?

来自分类Dev

不同的HTML标记但ID相同

来自分类Dev

jsf html标记内的值

来自分类Dev

Jsoup-获取仅具有指定属性及其值的HTML标记

来自分类Dev

Javascript-如何从HTML中的<script>标记中查找和获取特定值

来自分类Dev

如何在没有<form> HTML标记的情况下获取<select>的值

来自分类Dev

使用PHP Simple HTML DOM获取ID值

来自分类Dev

Angular-从HTML选择中获取项目ID和值

来自分类Dev

Excel VBA宏以获取HTML SPAN ID值

Related 相关文章

热门标签

归档