jquery 如何根据 dl 包含的文本将类添加到 span 中？

Question

我希望能够将 class="st_sharethis" 添加到菜单链接：在此网站上告诉朋友 http://www.easyspacedesign.com/fh/ConnectBell_/。在我们使用的 cms 中，无法将特定的类或 id 添加到菜单链接，因此必须使用 jquery 来完成此操作。

因此，我必须根据 a 标签内的 span 标签内的文本来执行此操作。

到目前为止我已经尝试过了：

  $('.main_menu span:contains("Tell A Friend")').attr('class','st_sharethis');

  $('.main_menu span').each(function ()
  {
    if ($(this).text() == "Tell A Friend")
    $(this).attr('id','rev3');
  }

都没有成功。

Answer 1

这非常适合您的标记：

$('#menu span:contains("Tell A Friend")')
           .addClass('st_sharethis')
           .attr('id','rev3');

实例： http://jsfiddle.net/ydFFR/

Answer 2

下面向元素添加一个类和 id。

$('.main_menu span:contains("Tell A Friend")')
    .addClass('st_sharethis')
    .attr('id', 'rev3');

Answer 3

你的代码没问题，只需要添加一个“);”在最后！

 $('.main_menu span:contains("Tell A Friend")').attr('class','st_sharethis');

   $('.main_menu span').each(function ()
   {
     if ($(this).text() == "Tell A Friend")
     $(this).attr('id','rev3');
   }
 );   // ADD this line !

但当然，最好只是链接命令：

 $('.main_menu span:contains("Tell A Friend")')
  .attr('class','st_sharethis')
  .attr('id','rev3');

Answer 4

如果是最后一次，请尝试

$('a.main_menu.last').find('span').addClass('st_sharethis');

Answer 5

如果此菜单项始终是最新的：

$('#menu dl dt:last a').addClass('myclass');

此外，您在此菜单项上有特定的类last，因此您可以：

$('dt.last').addClass('myClass');

或者您可以只测试链接的内容：

$('#menu dl dt a span:contains("Tell A Friend")').parent().addClass('myClass');