0

2つの要素を比較するにはどうすればよいですか?

<a class="MenuSelected" href="c-4-kayaks-canoes.aspx">Kayaks &amp; Canoes</a>

この:

<div class=title>Kayaks &amp; Canoes</div>

div.title同じテキストが見つかった場合は、 cssを追加しますdisplay:none

比較する必要のあるテキストが含まれているため、何を試すべきかわかりません。次の例のように文字列をハードコーディングすることはできません。

$("div.title:contains('John')").css("display", "none");

4

2 に答える 2

2
$("div.title:contains('" + $("a.MenuSelected").text() + "')").hide();

または、より明示的ですが、より用途が広い(たとえば、大文字と小文字を区別しない比較を行うことができます):

$("div.title")
.filter(function () {
  return $(this).text().toLowerCase() == $("a.MenuSelected").text().toLowerCase();
})
.hide();

$.trim()@JaredFarrishがコメントで示唆しているように、そこでも行うことができます。

比較すると、:containsセレクターは大文字と小文字を区別し、空白を区別するため、完全に一致するもののみを選択します。

于 2012-07-02T10:59:06.263 に答える
1

これは特定の場合に機能します。理解を深めるために、関連するhtmlコードを提供する必要があります。

if ($('a.MenuSelected').text() == $('div.title').text())
{
    $('div.title').hide(); //same as css disaplay: none
}
于 2012-07-02T10:59:14.830 に答える