我需要能够检查以下内容:
$(".main-menu a")
对于特定href属性然后addClass
我有以下 html 并且对如何阅读 href 标签的内容感到困惑？
<p class="xyz-title">
<a href="http://www.youtube.com/embed/xyz">
<span class="field-content">Title here</span>
</a>
</p>
我试过了，document.getElementByClass('xyz-title')[0].innerHTML但这显然不起作用。
非常感谢您为我指明了正确的方向。
这个问题很简单,但难以解释.随意编辑问题.
我正在制作一个django网站,想要链接到我的管理网站.
当前的url结构是/ livestream/...一切.
我理解这些href,我需要的是路径如何沿着目录链接到页面,但我想链接到与livestream处于同一"级别"的页面
我想链接到/ admin/page.
我该怎么做呢？
admin的当前网址:http:// {服务器编号}/admin /
索引的当前URL [链接来自的位置]:http:// {相同服务器号}/livestream /
我正在努力使这项工作
<script>
document.write('<button onclick="location.href=' + document.referrer + '">Go back</button>');
</script>
它应该只是一个简单的“返回”按钮到上一页。当我像“a href”那样做时，它会起作用
<script>
document.write('<a href="' + document.referrer + '">Go back</a>');
</script>
但是当尝试将其作为“按钮”时，它失败了。按钮在那里，但没有导航到上一页
嗨，我正在使用这个标签：
<base href="http://awebsite.ca/” target=" />
与此标签相关联：
<a href=“main_page/mainpage.html”><br><b>main</b></br></a>
并在浏览器中获取此信息：
http://awebsite.ca/“main_page/mainpage.htmlâ€%C2%9D
下面是页面加载后的html。
<div style="width: 960px;">
<a href="Alerts.htm" target="_blank">TEST 1</a>
<a href="blog.htm" target="_blank">TEST 2</a>
<a href="severe.htm" target="_blank">TEST 3</a>
</div>
我需要<a href="blog.htm" target="_blank">TEST 2</a>使用 jquery更改页面加载后的 href 值 。
我已经尝试了以下选项。但它没有用。任何建议/想法请...
试一试
$(a).attr("href", "http://the.new.url");
尝试二
$('a[href*="blog.htm"]').attr('href', function(i,href) {
return href.replace('blog.htm', 'http://catbloguat.myblog.com');
});
我错过了什么吗？
我正在尝试将 JavaScript 变量放入href.
<a href="http://google.com/{$order.paymentBefore}/{$order.guid}">click here</a>
当我使用 时href，因为我希望链接显示为“单击此处”，所以它保持原样 -->{$order.paymentBefore}/{$order.guid}不变。
我正在创建一个从0-50递增的滑块.我已成功完成了我的目标,除了1.
我添加了一个按钮,它应该加载一个单独的html文件.当我单击此按钮时,它会在浏览器顶部的URL末尾添加"？rangeInput = 10".
我做错了什么？
<script type="text/javascript">
function updateValue() {
var display = [];
var starter = [
'<table cellspacing="0" style="align:center;border:1px solid;">',
'<thead>',
'<td style="border-bottom:1px solid #000000;background- color:#303030;width:1000px;padding-top:15px;padding-bottom:20px;">',
'<p align="center" style="color:#ffffff;font-size:30px;"><strong>Starter Package</strong></p>',
'</td>',
'</thead>',
'<tbody>',
'<td style="background-color:#ffffff;">',
'<center>',
'<p><strong> In this Package You Will Get:<strong><p>',
'<p>10GB Hard Drive Storage Space</p>',
'<p>Unlimited Bandwidth Transfer Per Month</p>',
'<p>CPanel Control Panel</p>',
'<p>Unlimited Email Accounts</p>',
'<p>Unlimited Amount Of Space Used For The Email Accounts</p>',
'<br>',
'<br>',
'<p style="color:red"><strong>WARNING:</strong></p>',
'<p>With This Package You Will Need …我有一个非常简单的问题。每当我用一对锚标记包围一个 div 时，该 div 变得可点击，但由于某种原因，可点击部分超出了 div 本身的尺寸并穿过页面。如何使 div 在其边界内可点击而不是跨页面拉伸？我在这里包含了我的代码。
HTML
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel = "stylesheet" href = "mystyles.css" type = "text/css">
</head>
<body>
<div id = "link"></div>
</body>
</html>
和 CSS
#link {
background-color: #00ccee;
border: solid black 2px;
border-radius: 25px;
width: 150px;
height: 50px;
transition: 1s;
}
#link:hover{
background-color: blue;
width: 160px;
height: 60px;
margin-left: 30px;
}
我正在对导航菜单的最后一个子元素进行样式设置，似乎可以使用以下代码来做到这一点：
.aston-menu-light ul > li:last-child {
border:2px solid blue;
border-radius: 50px;
padding:0 20px 0 20px;
}
.aston-menu-light ul > li > ul > li:last-child {
border:none !important;
padding:0 !important;
}
.aston-menu-light ul > li:last-child:hover {
background-color:#ffff;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
当我尝试将<a>鼠标悬停在最后一个孩子上时，麻烦就来了。我正在使用这个：
.aston-menu-light ul > li > a:last-child:hover {
color:red !important;
}
但这似乎为所有<a>标签加上了样式，而不仅仅是最后一个孩子。我已经尝试过各种变体，例如：ul > li a但我似乎无法正常工作。
我在这里有一个Codepen：https ://codepen.io/shaun-taylor/pen/LXdGGN
我的主要目标是，将鼠标悬停在顶级链接上时，仅将其上的最后一个链接变为红色，谢谢您的阅读！