jQuery从html标签中提取属性id

jQuery extracting attribute id from html tag

本文关键字：提取 属性 id 标签 html jQuery      更新时间：2023-09-26

我正在使用一段代码，应该从html中的标记中提取值。它适用于单个单词，例如'desk'，但它不适用于由两个或多个单词组成的id: <a href='#' id='hello world'> Hello world </a>

在这种情况下，我只收到了"hello"这个词，而没有收到"hello world"。下面是我的代码:

 $('ul').on('click', 'li', function(){ 
            var id = $(this).attr('id');
            console.log(id);
     });

是否有办法提取一个多词id?谢谢。

根据规范，id属性不能包含空格，但即使可以，data-*属性是存储通用数据的更好位置。id s用于标识元素。

html: 

<li data-value="hello world"></li>

js: 

$('ul').on('click', 'li', function(){ 
    var val = $(this).data('value');
    console.log(val);
});

ID只支持一个值。在这种情况下，使用类

ID应该是唯一的值，因此其中只有一个值。使用空格是不好的，我会用下划线代替它们。如果需要多个值，则可能需要使用类。

然而，这工作就像你要求的。

HTML: 

<li id='hello_world'> Hello world </li>

JS: 

$('li').on('click', function(){ 
        var id = $(this).attr('id');
        alert(id);
});
相关文章：