Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery或javascript将href替换为其他内容_Javascript_Jquery_Html_Css - Fatal编程技术网

使用jQuery或javascript将href替换为其他内容

使用jQuery或javascript将href替换为其他内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我拥有的HTML,我想将href属性从更改为其他内容,请注意此链接不应更改。我无法编辑html,因此正在寻找使用jQuery或Javascript的解决方案。谢谢 <div class="branding"> <a href="http://google.com"> <img class=" preload-me"/> </a> <a href="http://google.com"> <img c

这是我拥有的HTML,我想将href属性从更改为其他内容,请注意此链接不应更改。我无法编辑html,因此正在寻找使用jQuery或Javascript的解决方案。谢谢

<div class="branding">
  <a href="http://google.com">
    <img class=" preload-me"/>
  </a>
  <a href="http://google.com">
    <img class=" preload-me"/>
  </a>
  <a href="http://">
<div class="main-menu">
    <ul><li<a href="http://google.com/home/inner_links"></a></li></ul>
</div>
</div>
jquery:

$('.branding a').attr('href', YOUR VALUE)

jquery:

$(document).ready(function() {
    $("img").parent().attr("href", some url);
});
问题中的html无效

<div class="branding"> <!-- 1) where is closing tag for this `DIV` element? -->
  <a href="http://google.com">
    <img class=" preload-me"/>
  </a>
  <a href="http://google.com">
    <img class=" preload-me"/>
  </a>
  <a href="http://">
<div class="main-menu"><!-- 2) where is closing tag for this `DIV` element? -->
    <!-- `UL` is not permitted child of `A` element -->
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a -->
    <ul><li<a href="http://google.com/home/inner_links"></a></li></ul>
</div><!-- is this closing `DIV` tag for 1) or 2) ? -->
在更改无效html处的href之前,应先更改该属性。如果你自己不能更改html,你应该问谁提供了html,为什么它是无效的;并要求在继续之前将其更改为有效的html


然后调整元素的href。

这里是一个示例代码-我在我的项目中有类似的要求。。您可以根据需要进行更改

注意:警报-仅用于演示目的

$document.readyFunction{ var currentUrl=$a.attr'href'; newEditUrl=currentUrl.replacehttp://google.com, http://google.com/home/inner_links; alertnewEditUrl; }; 代码片段的问题 首先,它不是一个完整的文档,而是一个代码片段,因此它不包含适当的标题。我们可以忽略这种理解,即提供的代码属于更大的文档

此类代码片段中存在以下问题:

<div class="main-menu">
    <ul><li<a href="http://google.com/home/inner_links"></a></li></ul>
</div>
img标记需要非空的src属性和alt属性

a标记的href属性中需要有效的url值

似乎没有一个结束标签
试试这样的

 function changeHref(){
    document.getElementsByTagName("a").href="Someplace.com";
 }

另外,您希望具体更改哪个链接?还是要全部更改?

更改元素的href有什么问题?请向我们展示您迄今为止所做的尝试,我无法编辑html。正在寻找使用jQuery或javascript的解决方案。@guest271314 um by javascript。。。。像OPwants@guest271314已经放弃了。。。OP可以运行JavaScript,继续。我认为这个解决方案将把google.com的branding div中的所有href属性替换为您的值。我只想替换前两个href属性,而不是全部。感谢第二个解决方案将只使用href属性替换链接,而该属性与您要求的内容都不一样?要替换所有直接向上的链接,还是替换品牌部门中的所有链接?如果不是,你能说得更具体一点吗?请注意,开始标记缺少结束>它是错误的html,但这不是XML,错误放置的标记会使文档无效。事实上,除了它的缺陷之外,浏览器还会理解它,我们最终在html5中有了一致的规则来做到这一点——而且,这不是代码审查。您没有回答这个问题。这是示例代码-使用jquery可以在运行时更改DOM元素。。因此,如果用户粘贴了正确的代码,请不要进入。。他问如何更换href-真的吗?忽略无效的html?元素名li@sonu769好的,样本应该是有效的html,是吗?html是invalid@guest271314没有无效的html编辑:而且这不是代码review@Teraot没有无效html这样的东西之前没有在html文档中阅读过。fwiw,请参见@guest271314。html5标准中不再出现“无效”一词。也许是fwiw@guest271314,但我不再在乎了。html无效。我试图提供一个例子,说明如何根据使用jQuery提出的问题替换href url,我认为这也是用户的意图。。
<div class="main-menu">
    <ul><li><a href="http://google.com/home/inner_links"></a></li></ul>
</div>
$('.branding').find('img').parent().attr('href', 'newhref');
 function changeHref(){
    document.getElementsByTagName("a").href="Someplace.com";
 }