Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取数据-X=";123“;从跨度_Javascript_Jquery - Fatal编程技术网

Javascript 如何获取数据-X=";123“;从跨度

Javascript 如何获取数据-X=";123“;从跨度,javascript,jquery,Javascript,Jquery,这是我的项目,其中ProductCat=10 <span class='Category' data-cat=" + ProductCat + ">Cat is:" + ProductCat + " </span> Cat是:“+ProductCat+” 现在我需要在JavaScript中获取这个数据cat=10。如何实现这一点?使用jquery: var data = $("span.Category").attr("data-Cat"); document.qu

这是我的项目,其中
ProductCat=10

<span class='Category' data-cat=" + ProductCat + ">Cat is:" + ProductCat + " </span>
Cat是:“+ProductCat+”
现在我需要在JavaScript中获取这个
数据cat=10
。如何实现这一点?

使用jquery:

var data = $("span.Category").attr("data-Cat");

document.querySelector('.Category').getAttribute('data-Cat')
只是一些更有用的信息-显然html5数据属性中不应该包含大写字母。如果OP将“数据猫”更改为“数据猫”,他/她可以使用
$(“span.Category”).data(“猫”)取而代之(jQuery不会回复大写字母版本)。@Stephen感谢您的建议,这将对其他人有所帮助。但是OP没有定义他/她正在使用HTML。
$('.Category').attr('data-Cat') // returns 10