使用jQuery或javascript将href替换为其他内容
这是我拥有的HTML,我想将href属性从更改为其他内容,请注意此链接不应更改。我无法编辑html,因此正在寻找使用jQuery或Javascript的解决方案。谢谢使用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
<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";
}