问题
我正在尝试获取内容在样式标签内但我无法让它工作。
代码的作用
我使用 jQuery 并尝试使用 text() 和 html() 获取样式内容。这是行不通的。
My code
<!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>
我认为您必须转义 ID 中的冒号字符,因为它通常在选择器语法中表示某些含义。看处理 CSS 选择器中元素 ID 中的冒号 https://stackoverflow.com/questions/122238/handling-a-colon-in-an-element-id-in-a-css-selector来讨论这个问题。
$('#less\\:concepts-less-css-style')
我个人避免在 ID 或类值中使用具有 CSS 选择器含义的特殊字符,以避免这种复杂化。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)