jquery 从LIST提取文本创建链接[已关闭]

dphi5xsq 于 2023-10-17 发布在 jQuery

关注(0)|答案(1)|浏览(90)

已关闭，此问题需要details or clarity。它目前不接受回答。
**想改善这个问题吗？**通过editing this post添加详细信息并澄清问题。

5天前关闭。
Improve this question
我有一个问题，创建一个新的链接使用“主链接值”+内slug=”“自动值或通过点击“按钮”
主链路值= http://google.com

<ul class="linktree">
 <li class="jstree" slug="link-1.html" src="1"><a href="#">Link Text 1</a></li>
 <li class="jstree" slug="link-2.html" src="1"><a href="#">Link Text 2</a></li>
 <li class="jstree" slug="link-3.html" src="1"><a href="#">Link Text 2</a></li>
</ul>

它应该看起来像这样：

<ul class="linktree">
 <li class="jstree"><a href="http://google.com/link-1.html">Link Text 1</a></li>
 <li class="jstree"><a href="http://google.com/link-1.html">Link Text 2</a></li>
 <li class="jstree"><a href="http://google.com/link-1.html">Link Text 2</a></li>
</ul>

jquery

来源：https://stackoverflow.com/questions/77267114/link-creation-from-list-extracting-text

1条答案

按热度按时间

uyto3xhc1#

可以使用forEach循环

const masterLinkValue = 'https://google.com';
document.querySelectorAll('.linktree li.jstree').forEach(li => {
  const slug = li.getAttribute('slug');
  li.removeAttribute('slug');
  li.removeAttribute('src');
  //const url = new URL(`${masterLinkValue}/${slug}`); // needs url.toString()
  li.querySelector('a').href = `${masterLinkValue}/${slug}`; // simpler but no error handling
})

<ul class="linktree">
  <li class="jstree" slug="link-1.html#div3" src="1"><a href="#">Link Text 1</a></li>
  <li class="jstree" slug="link-2.html" src="1"><a href="#">Link Text 2</a></li>
  <li class="jstree" slug="link-3.html" src="1"><a href="#">Link Text 2</a></li>
</ul>

赞(0）回复(0）举报 2023-10-17

我来回答

jquery 从LIST提取文本创建链接[已关闭]

1条答案

相关问题

热门标签

最新问答