如何将<a>链接放在<a>中的<span>内？

如何解决如何将<a>链接放在<a>中的<span>内？

| 这是我的代码

  <a href=\"http://linkurl\" class=\"link\" title=\"sometitle\">
 text link 

 <span class=\"hidden-tooltip-data\" style=\"display: none;\"> <a
 href=\"http://www.google.ca\"> my link here destroy everything </a 
</span>
  </a>

我在这里使用Poshy脚本

       $(\'.link\').each(function() {
      var tooltip = $(\".hidden-tooltip-data\",this).html();
      $(this).attr(\"title\",\"\");
    $(this).poshytip({
    content: function(updateCallback) {
        return tooltip;
             }
         });
      });

    

解决方法

        嵌套链接是非法的。 HTML 4.01规范中明确提到了这种情况。     ,        首先，您不应该这样做。原因是由于子代“ѭ2”位于父代“ѭ2”之下，因此它被完全忽略了。 我建议您仅制作一个

span

，其中包含两个不同的

a

标记，其中包含所需数量的

span

。     ,        您不应将链接放在另一个链接中。     ,        默认情况下，Poshytip将读取元素的“ 7”属性并将其用作工具提示内容。但是，您希望在技巧中包含一个链接，如果将JavaScript关闭（并且无法访问），则将HTML放在ѭ7中会很难看。 最好的方法是在下层浏览器中包含纯文本ѭ7，并在

data

属性中添加增强的提示内容（明显地逃避标记）：

<a href=\"...\" class=\"link\" title=\"basic content\" data-tip=\"enhanced content &lt;a href=&quot;...&quot;&gt;link&lt;/a&gt;\">...</a>

$(\'.link\').each(function() {
    $(this).attr(\'title\',\'\').poshytip({ content: $(this).data(\'tip\') });
});

在这样的属性中包含标记显然会有些混乱，因此，如果您的技巧具有通用格式，最好将URL作为

data

属性包含在内，并在脚本中构建标记。

$(\'.link\').each(function() {
    $(this).attr(\'title\',\'\').poshytip({ content: \'<a href=\"\' + $(this).data(\'tiplink\') + \'\">link</a>\' });
});