以下是代码:
<span class='maincaptionsmall'>
Test
</span>
由于某些原因我的页面中有ajax和jquery代码,我不能将HREF用作Link,我的意思是,我不能使用下面的代码:
<span class='maincaptionsmall'><a href="http://google.com">Test</a></span>
那么,我如何使用jquery来获取这个css元素maincaptionsmall
并将它设置为href链接?
即使我也不能使用<div>
,我应该将所有内容都用作<span>
请举例说明如何使用jquery将css元素设置为href链接。
提前致谢
答案 0 :(得分:1)
使用jQuery获取.maincaptionsmall
这个DOM使用下面的代码,
$('.maincaptionsmall')
并且对于包装innerText,您可以使用wrapInner
$('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>');
修改强>
您需要将代码包装在document.ready
中,并且您的文档结构不正确。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() // you are missing this
{
$('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>');
});
</script>
</head>
<body>
<span class='maincaptionsmall'>Test</span>
</body>
</html>