javascript - jQuery 选择器问题

Question

我在表格单元格内有一个跨度和一个 anchor 。我设置了 anchor 来显示工具提示。我希望 span 内的文本用于工具提示。如何在 jQuery 中选择此文本？

  <td class="row-head" colspan="5"><span class="tip-text">Complete Coverage</span><a href="#" class="help"></a></td>

JQuery 代码 - 当前选择器始终只为所有提示找到第一个实例。

$(document).ready(function() {
  $('.help').qtip({ style: { name: 'cream', tip: true },
                 content: {
                 text: $(this).find('span.tip-text').html() 
   } });
});

谢谢

Answer 1

您的问题是 $(this) 正在文档就绪函数上下文中进行评估，您可以使用 .each()函数迭代每个 .help。您要查找 .tip-text 的函数很容易是 .prevAll()或 .siblings() .

$(document).ready(function() {
  $('.help').each(function() {
     // iterate over each .help, find its span.tip-text and create the qtip
     $(this).qtip({ 
       style: { name: 'cream', tip: true },
       content: {
         text: $(this).siblings('span.tip-text').html() 
       } 
     });
  });
});