1

私のセクションに「赤」、「緑」、「青」のページが含まれているとします。各ページには、H1 タグのタイトルと、3 つのリンクすべてを示す共有 #sidebar ナビゲーションがあります。H1 に入力されたテキストを jQuery で検出し、#sidebar で同じテキストを見つけ、一致が見つかった場合に #sidebar リンクにクラスを追加するにはどうすればよいですか?

HTML:

<h1>Red</h1>
<div id="sidebar">
  <a href="#">Red</a><br>
  <a href="#">Green</a><br>
  <a href="#">Blue</a>
</div>

CSS:

#sidebar { float: right; }
.current-section { background: red; }

申し訳ありません-私はせいぜいjQueryの初心者です。ここにフィドルがあります：http://jsfiddle.net/BxCgT/

4

1 に答える 1

2

このようなものがうまくいくかもしれません...

// get title text
var title = $('h1').text();
// loop anchors in #sidebar
$('#sidebar a').each(function() {
   // if anchor text matches title
   if($(this).text() == title) {
     // add a class
     $(this).addClass(<yourclass>);
   }
});

関連ドキュメント ->および.text() .each().addClass()

私はあなたのコードが次のように見えると仮定しました:

<h1>Red</h1>
<div id="sidebar">
   <a href="red.html">Red</a><br>
   <a href="green.html">Green</a><br>
   <a href="blue.html">Blue</a>
</div>

実施例

于 2013-01-17T11:59:26.560 に答える