前端 - ul标签内容转入到dl当中?
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.1/jquery.min.js"></script></head><body> <dl id="dl"></dl> <ul id="ul"> <li data-id="1"><a href="">测试1</a></li> <li data-id="2"><a href="">测试2</a></li> <li data-id="3"><a href="">测试3</a></li> <li data-id="4"><a href="">测试4</a></li> </ul> <button id="btn">转换</button> <script type="text/javascript"> $(document).on('click', '#btn', function (e) { $('#dl').append($('#ul').find('li')) }) </script></body></html>现在实现的效果是ul里面的内容转入到dl当前，但是我想同时将li标签变成dd
类似
<dl id="dl"> <dd data-id="1"><a href="">测试1</a></dd> <dd data-id="2"><a href="">测试2</a></dd> <dd data-id="3"><a href="">测试3</a></dd> <dd data-id="4"><a href="">测试4</a></dd> </dl>共有1个答案
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.1/jquery.min.js"></script></head><body> <dl id="dl"></dl> <ul id="ul"> <li data-id="1" data-url="xx"><a href="">测试1</a></li> <li data-id="2" data-url="yy"><a href="">测试2</a></li> <li data-id="3" data-url="zz"><a href="">测试3</a></li> <li data-id="4" data-url="aa"><a href="">测试4</a></li> </ul> <button id="btn">转换</button> <script type="text/javascript"> $(document).on('click', '#btn', function (e) { $('#ul').find('li').each(function(){ var newDD = $('<dd></dd>').html($(this).html()); var dataId = $(this).data('id'); var dataUrl = $(this).data('url'); newDD.attr('data-id', dataId); newDD.attr('data-url', dataUrl); $('#dl').append(newDD); }); $('#ul').remove(); }) </script></body></html>-
本文向大家介绍举例说明ul、dl、ol三个标签的区别？相关面试题，主要包含被问及举例说明ul、dl、ol三个标签的区别？时的应答技巧和注意事项，需要的朋友参考一下 ：无序列表。 ：定义列表。 ：有序列表。
-
Tags标签 标签： <tags></tags> 作用：进行相关Tags数据调用 格式： <tags action="方法名" 参数="内容"> .. HTML .. </tags> 用法示例： <tags action="lists" tag="$tag" num="4" page="$page" order="updatetime DESC"> .. HTML .. <
-
spf模块扩展标签 标签： <spf></spf> 作用：调用非系统内置标签，例如安装新模块后，例如新模块（Demo）目录下TagLib/DemoTagLib.class.php(类名为DemoTagLib) 用法示例： <spf module="Demo" action="lists"> .. HTML ..</spf> （lists表示类DemoTagLib中一个public方法。） 特别
-
content内容标签 content内容标签：<content></content>作用：内容模型相关标签，可调用栏目，列表等常用信息 用法示例： <content action="lists" catid="$catid" order="id DESC" num="4" page="$page"> .. HTML ..</content> 格式： <content action="方法名"
-
在vue3项目中 内嵌iframe 通过ref能拿到标签里的内容吗？ 大概格式是这样的 <iframe src:'xxx' ref='iframeRef' xxx xxx></iframe> 拿到的ref是<iframe>xxx</iframe> 标签 我想拿到其中一个标签的值 那个标签有id 要通过什么方式拿到呢 iframe.value.contentDocument 拿不到数据 不知道是不是
-
问题内容： 我的网页上有一个关闭链接。我想使用它来关闭当前选项卡。我已经写了 上面的代码在Internet Explorer中似乎运行良好。但它不能在Mozilla Firefox和Google Chrome中使用。请帮助我解决此问题。 问题答案： 您只能关闭自己创建的窗口/选项卡。也就是说，您无法以编程方式关闭用户创建的窗口/选项卡。 例如，如果使用创建一个窗口，则可以使用关闭它。