我试图获取内容的样式标签内但我不能让它正常工作的问题。
的代码做什么
我使用jQuery,并尝试获取其风格与内容的文本()和HTML()。这是行不通的。
我的代码
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet/less" type="text/css" href="css/style.less">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<style id="less:concepts-less-css-style" media="screen" type="text/css">
body {
padding: 10px;
background: blue;
}
</style>
</head>
<body>
<script src="js/less-1.1.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
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);
});
</script>
</body>
</html>
这也适用于jQuery使用sizzle引擎的旧浏览器吗?因为它们可能不像现代浏览器的内部查询选择器那样严格地实现规范。 – Esailija
它是CSS规范的一部分,并且已经很长时间了,所以它应该可以工作,但我的建议是让OP从ID值中移除冒号。你必须测试一个特定的Sizzle版本,如果你想确定它是否在那里工作,但它应该。 – jfriend00
工作,谢谢!我没有自己添加冒号,它是由LESS语言(http://lesscss.org/)生成的。 –