如何从jquery添加url链接到css元素?

时间:2013-09-13 17:47:44

标签: javascript html css hyperlink href

以下是代码:

<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链接。

提前致谢

2 个答案:

答案 0 :(得分:3)

CSS无法做到这一点。但JavaScript是!要更改元素的href,请首先获取元素:

var e = document.getElementById("elementid")

var e = document.getElementByClassName("elementclass")

Here are the basics on JavaScript selectors.

然后我们可以像这样改变href属性:

e.setAttribute("href", "http://google.com")

祝你好运!

答案 1 :(得分:0)

您可以使用JS / JQuery和CSS

打开

Jquery有简短的代码而且速度太快所以我更喜欢: -

以下是代码: -

<强> HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 //Remember to add JQUERY on your page to make any jquery code work
<div id="example">Click Here</div>

<强> JS

//更新的代码: -

$(document).ready(function() {
$("#example").click(function () {
    alert("K");
    window.open('http://www.google.com/');
});
});

问题是我给你的功能应该加在“$(document).ready(function(){”

Reg,“DIV或SPAN”你可以使用任何标签,但是给那个ID以及你给出的任何ID,在jQuery代码中也一样!

Reg,JQUERY被调用,请检查您的页面是否还有其他MAIN Jquery文件被调用?如果已经有其他Jquery被调用,则不需要这个。

请查看更新的小提琴,以供参考: http://jsfiddle.net/aasthatuteja/aPbje/

如果这可以解决你的问题,请告诉我。

享受!