0

上周在社区的帮助下，我在这里成功实现了这段代码

现在我需要做一些类似的事情，但现在将 html 文本与 [title] 进行比较。到目前为止，我的代码如下：

$(document).ready(function() {

 $(".views-field-field-success-stories-image-data .field-content").click(function() {
   var sharedata = $(this).text();
   $('#bannerContainer img[title = "'+sharedata+'" ]').addClass('selected');
 });
 $("#bannerContainer img").click(function() {
  if (
   $('#bannerContainer img').hasClass('selected', $('#bannerContainer img').removeClass('selected') ) );

 });
});


      <span class="field-content">The Grand Event Center</span>
      <span class="field-content">Choura Events Catering</span>
      <span class="field-content">El Dorado Park Golf Course</span>

<div id="bannerContainer">
 <img src="1.jpg" title="The Grand Event Center" class="selected">
 <img src="1.jpg" title="The Grand Event Center" class="selected"> 
 <img src="1.jpg" title="The Grand Event Center" class="selected">
</div>

<!--- My Goal
<div id="bannerContainer">
 <img src="1.jpg" title="The Grand Event Center" class="">
 <img src="1.jpg" title="The Grand Event Center" class=""> 
 <img src="1.jpg" title="The Grand Event Center" class="selected">
</div> ---->

出于某种原因，我无法将我的头脑围绕在 toggleClass 上。

目前，如果我单击任何一个跨度，当我单击任何另一个跨度时，“选定”会粘住并且不会离开。

我错过了什么？

提前致谢！

4

2 回答 2

0

我通常通过在将类添加到当前元素（您刚刚选择的元素）之前从所有相关元素中删除类来完成此操作。

$(document).ready(function() {
 $(".views-field-field-success-stories-image-data .field-content").click(function() {

   // Add this next line
   $("#bannerContainer img").removeClass("selected");

   var sharedata = $(this).text();
   $('#bannerContainer img[title = "'+sharedata+'" ]').addClass('selected');
 });
 $("#bannerContainer img").click(function() {
  if (
   $('#bannerContainer img').hasClass('selected', $('#bannerContainer     img').removeClass('selected') ) );
 });
});
于 2010-09-03T19:53:54.997 回答
0

如何从所有拥有它的元素中删除“选定”类，然后再将其设置在一个元素上？

于 2010-09-03T19:54:17.983 回答