【问题标题】:How to add url link from jquery through css element?如何通过css元素从jquery添加url链接?
【发布时间】:2013-09-18 11:51:52
【问题描述】:

代码如下:

<span class='maincaptionsmall'>
Test
</span>

由于页面中的 ajax 和 jquery 代码的某些原因,我不能使用 HREF 作为链接,我的意思是,我不能使用以下代码:

<span class='maincaptionsmall'><a href="http://google.com">Test</a></span>

那么,我如何使用 jquery 来获取这个 css 元素 maincaptionsmall 并将其设置为 href 链接?

即使我也不能使用&lt;div&gt;,我也应该使用&lt;span&gt; 请给我一个示例,说明如何使用 jquery 将 css 元素设置为 href 链接。

提前致谢

【问题讨论】:

  • 如何添加样式而不编辑 HTML?您要做什么,将链接注入页面?
  • 造型是为了造型。
  • 是的,比如在 html 文件中插入来自 JS 或 CSS 文件的 URL,因为我不能像往常一样使用。
  • 您可以使用 JavaScript 插入链接,但不能使用 CSS。

标签: javascript html css hyperlink href


【解决方案1】:

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")

祝你好运!

【讨论】:

  • 你的意思是这样的代码:function example (){var e = document.getElementByClassName("example")e.setAttribute("href", "yourdomain.com/") } ?? 并使用 id= html中的'example' ??可以给我完美的例子吗?
  • 是的,除了您缺少分号和一些较旧的浏览器可能无法理解 yourdomain.com/ 并且如果您设置了 ID,您将不得不通过 id 而不是类名搜索 getElementById 这是固定代码:function example(){var e = document.getElementById("example"); e.setAttribute("href", "http://yourdomain.com")}
  • 其实不行,我做到了,再给我一个想法用。谢谢好友
  • 我尝试了所有方法,但都不起作用,即使是这样:var d=new Date(); $("#mylink").attr("href","domain.com" + d.getTime() + "..");甚至像这样: var d = ''; var newUrl = oldUrl + d.getTime();警报(新网址); window.location = newUrl;
  • 您的代码中有很多语法错误。 en.wikipedia.org/wiki/JavaScript_syntax
【解决方案2】:

您可以使用 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,则不需要这个。

请检查更新的 Fiddle 以供参考:http://jsfiddle.net/aasthatuteja/aPbje/

如果这能解决您的问题,请告诉我。

享受吧!

【讨论】:

  • 感谢您的帖子,但您的代码不起作用!这是测试文件,你可以检查一下。 [链接]malayatourism.com/thisistest/test.php 还有一件事,jquery.1.10.1.min.js 会影响我的页面,当我将这个 JS 文件放入我的页面时,我的页面完全无法加载。我不知道是什么问题。首先我们需要解决这个上面的测试文件,可能是这个jquery链接的原因。我在等待你的答复。谢谢好友
  • 如果可能的话,当你试图解决这个问题时,请不要使用
    ,如果可能的话就使用 。非常感谢
  • 为您的问题更新了代码。请参阅上面的更新代码
猜你喜欢
相关资源
最近更新 更多
热门标签