Показывать ссылку внутри ссылки?

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

No. Смотрите 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> 

Проблема с кодом, что вы размещали двойные кавычки в двойные кавычки, которые никогда не работает. Вместо этого используйте одинарные кавычки в двойных кавычках.