在链接中显示链接？

Question

我有一张桌子，当我点击它时，它显示了 数据细节很好。

但我想把它变成一个链接 当我改变时，这会给我不同的结果

<a class="showdata" data-detail="testing "> john one</a>

到

<a class="showdata" data-detail="<a id="fav" href="test.cfm?fav" >#dept_loc#</a> "> john one</a>

它显示结果错误。

是否无法在链接中放置链接？

我放http://jsfiddle.net/62upu25b/2/。

Answer 1

没有。请参阅spec：

  

4.5.1 The a element

     

  
• Categories：   
    
  • Interactive content。
    
  • [...]
    
  
• Content model：
    Transparent，但必须没有interactive content后代。
  

因此a元素为interactive content，但不能包含interactive content个后代。

因此，您无法在链接中放置链接。

Answer 2

您是否可以在链接中找到链接是无关紧要的。问题是第二个链接的标记中有双引号，您无法在属性中使用。 （引号会干扰用于开始和结束属性值的引号。）

您可以改为使用单引号：

<a class="showdata" data-detail='<a id="fav" href="test.cfm?fav" >#dept_loc#</a> '> john one</a>

Answer 3

这不适合你吗？ http://jsfiddle.net/62upu25b/5/

我添加了以下内容：

<a class="showdata" data-detail="<a id='fav' href='test.cfm?fav'>#dept_loc#</a>"> 
                john one</a>

您的代码的问题在于您在双引号中放置双引号，这从不起作用。改为使用双引号内的单引号。