Question

如何通过url为html标签设置css背景颜色？（加载页面后）。

示例1： 指定的地址：http://example.com/list/#c

<div id="list">
   <ul>
      <li><a href="#a">link-aaa</a></li>
      <li><a href="#b">link-bbb</a></li>
      <li><a href="#c">link-ccc</a></li> <!-- need to mark this line --> 
      <li><a href="#d">link-ddd</a></li>
   </ul>
</div>

示例2：指定的地址：http://example.com/list/#d

<div id="list">
   <ul>
      <li><a href="#a">link-aaa</a></li>
      <li><a href="#b">link-bbb</a></li>
      <li><a href="#c">link-ccc</a></li> 
      <li><a href="#d">link-ddd</a></li> <!-- need to mark this line --> 
   </ul>
</div>

我不知道如何在jquery中为该项应用css样式 jQuery的。

???.style.backgroundColor='red';

Answer 1

$('#list li a[href="' + window.location.hash + '"').css({ backgroundColor: 'red' })

您可以将属性选择器[]与href a[href='#yourhash']一起使用。然后只需从url（window.location.hash）引入当前哈希值，并使用javascript设置属性。

我个人会使用一个类而不是专门设置CSS。另外，在设置此标签之前，请务必重置背景颜色或删除所有其他标签上的类。

Answer 2

首先，您需要在加载时获取哈希：

var hash = window.location.hash;

然后，您可以将{css}应用于a，href等于hash $('a[href$="'+hash+'"]').css('color','red');

jQuery - 如何设置css背景颜色

2 个答案: