jQuery技术:使用jQuery获取样式标记内容？-计算机技术网

jQuery技术:使用jQuery获取样式标记内容？

2021年12月13日上午9:58 • JQuery使用教程 • 阅读 0

问题

我正在尝试在样式标记中获取内容但我无法使其工作。

代码的作用

我使用jQuery并尝试使用text（）和html（）获取样式内容。这是行不通的。

我的代码

        body { padding: 10px; background: blue; }      jQuery(document).ready(function($) { var my_id = $('style').attr('id'); var test = $('#less:concepts-less-css-style').text(); var test2 = $('#less:concepts-less-css-style').html(); alert(test + "#" + test2 + "#" + my_id); });

我认为你必须在你的ID中转义冒号字符，因为它通常意味着选择器语法中的某些东西。有关此问题的讨论，请参阅在CSS选择器中处理元素ID中的冒号。

 $('#less\:concepts-less-css-style')

我个人在我的ID或类值中避免使用CSS选择器的特殊字符来避免这种复杂化。

id是这样jQuery认为它是伪选择器..尝试

 var elm = document.getElementById("less:concepts-less-css-style"), content = elm.innerHTML || elm.innerText || elm.textContent; alert( content );

你当然可以改变id不要那么不稳定，jQuery会起作用。

尝试：

 $('#less:concepts-less-css-style')[0].innerHTML

请改用属性选择器

需要了解更多jQuery教程分享使用jQuery获取样式标记内容？，都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

  var test = $('style[id="'+my_id+'"]').text(); //or var test2 = $('style[id="less:concepts-less-css-style"]').html();

以上就是jQuery教程分享使用jQuery获取样式标记内容？相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址：https://www.ctvol.com/jquerytutorial/982224.html

jQuery技术:使用jQuery获取样式标记内容？

精彩推荐