JS分割链接！-CSDN论坛

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注空间博客 李尸尸 本版专家分：984 结帖率 100%: 例：<a href="aa.php?item=x,y">x,y</a>想通过JS变成<a href="aa.php?item=x">x</a>,<a href="aa.php?item=y">y</a>
求个解决方法。

0 2017-09-08 19:37:40

回复数 7 只看楼主引用举报楼主

⋅ConnectionRefusedError: [WinError 10061] 由于目标计算机积极拒绝，无法连接。 ⋅怎么让程序自动重新运行 ⋅这个正则，^$为什么在中间，表示什么含义 更多帖子 关注空间博客 hongmei85 本版专家分：23450 银牌 2017年8月总版技术专家分月排行榜第二 红花 2017年10月 PHP大版内专家分月排行榜第一 2017年9月 PHP大版内专家分月排行榜第一 2017年8月 PHP大版内专家分月排行榜第一 黄花 2017年11月 PHP大版内专家分月排行榜第二 2017年9月其他数据库开发大版内专家分月排行榜第二 2011年5月 Web 开发大版内专家分月排行榜第二 2011年4月 Web 开发大版内专家分月排行榜第二 蓝花 2017年9月 Web 开发大版内专家分月排行榜第三 2017年8月其他数据库开发大版内专家分月排行榜第三 2017年8月 Web 开发大版内专家分月排行榜第三 2011年3月 Web 开发大版内专家分月排行榜第三 2011年2月 Web 开发大版内专家分月排行榜第三

这样？



				var str = '<a href=" ">x,y</a >';

				re = /<a href="(.+?)\?item=(.+?)">(.+?)<\/a>/;

				result = re.exec(str);

				if (result)

				{

					var kkk = result[3].split(',');

					var jjj = result[2].split(',');



					var newstr = '';

					for (var i=0; i<kkk.length; i++)

					{

						newstr += '<a href="' + result[1] + '?item=' + jjj[i] + '">' + kkk[i] + '</a >,';

					}

					document.write(newstr);

				}

0 2017-09-08 20:11:54

只看TA 引用举报 #1 得分 4

⋅React16 React.__spread is not a function ⋅csdn真不想不粗口 ⋅csdn登陆 更多帖子 关注空间博客 似梦飞花 本版专家分：40868 蓝花 2018年2月 Web 开发大版内专家分月排行榜第三 2017年10月 Web 开发大版内专家分月排行榜第三 2017年4月 Web 开发大版内专家分月排行榜第三 2013年11月 Web 开发大版内专家分月排行榜第三



<body>

<a href="aa.php?item=x,y">x,y</a>

<script>

    function change(dom){

        const item=dom.href.match(/item=([^?&=]+)/);

        const htmls=item&&item[1].split(',').map(function(item){

            cloneNode=dom.cloneNode(true);

            cloneNode.href=cloneNode.href.replace(/(item=)[^?&=]+/,'$1'+item);

            cloneNode.innerHTML=item;

            return cloneNode.outerHTML;

        });

        dom.outerHTML=htmls.join('');

    }

    change(document.querySelector('a'));

</script>

</body>

0 2017-09-08 20:18:19

只看TA 引用举报 #2 得分 3

⋅用网站论坛的移动版发的图片都只有缩略图没有原图

⋅为什么我在问答区的回答总是莫名的消失？

⋅新论坛的编辑器怎么只能输入一千个字符，应该是一万个才对

更多帖子

关注空间博客

天际的海浪

本版专家分：141646

Github 绑定github第三方账户获取

进士 2018年总版新获得的技术专家分排名前十
2017年总版技术专家分年内排行榜第七

银牌 2019年1月总版技术专家分月排行榜第二

铜牌 2018年10月总版技术专家分月排行榜第三
2018年9月总版技术专家分月排行榜第三
2018年8月总版技术专家分月排行榜第三



var str = '<a href="aa.php?item=x,y">x,y</a>';

var arr = [];

str.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

});

alert(arr);

0 2017-09-08 20:22:37

只看TA 引用举报 #3 得分 15

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注空间博客 李尸尸 本版专家分：984

引用 3 楼 jslang 的回复:



var str = '<a href="aa.php?item=x,y">x,y</a>';

var arr = [];

str.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

});

alert(arr);

我是真不会JS，碰到个难题，想解决一下，有个列表
<a href="aa.php?item=x">x</a>
<a href="aa.php?item=x,y">x,y</a>
<a href="aa.php?item=x,y,z">x,y,z</a>

想通过原生JS或JQ，当遇到有,的时候，分别点击是不同的链接

想通过JS变成<a href="aa.php?item=x">x</a>,<a href="aa.php?item=y">y</a>

0 2017-09-08 22:55:45

只看TA 引用举报 #4 得分 0

⋅用网站论坛的移动版发的图片都只有缩略图没有原图

⋅为什么我在问答区的回答总是莫名的消失？

⋅新论坛的编辑器怎么只能输入一千个字符，应该是一万个才对

更多帖子

关注空间博客

天际的海浪

本版专家分：141646

Github 绑定github第三方账户获取

进士 2018年总版新获得的技术专家分排名前十
2017年总版技术专家分年内排行榜第七

银牌 2019年1月总版技术专家分月排行榜第二

铜牌 2018年10月总版技术专家分月排行榜第三
2018年9月总版技术专家分月排行榜第三
2018年8月总版技术专家分月排行榜第三



<div id="test">

<a href="aa.php?item=x">x</a><br>

<a href="aa.php?item=x,y">x,y</a><br>

<a href="aa.php?item=x,y,z">x,y,z</a>

</div>



<script type="text/javascript">

document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	var arr = [];

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

	return arr.join(",");

});



</script>

0 2017-09-08 23:57:05

只看TA 引用举报 #5 得分 20

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注空间博客 李尸尸 本版专家分：984

引用 5 楼 jslang 的回复:



<div id="test">

<a href="aa.php?item=x">x</a><br>

<a href="aa.php?item=x,y">x,y</a><br>

<a href="aa.php?item=x,y,z">x,y,z</a>

</div>



<script type="text/javascript">

document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	var arr = [];

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

	return arr.join(",");

});



</script>

alert时，是分割开了，但是鼠标移至链接时没有分开

0 2017-09-09 23:25:51

只看TA 引用举报 #6 得分 0

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注空间博客 李尸尸 本版专家分：984

引用 5 楼 jslang 的回复:



<div id="test">

<a href="aa.php?item=x">x</a><br>

<a href="aa.php?item=x,y">x,y</a><br>

<a href="aa.php?item=x,y,z">x,y,z</a>

</div>



<script type="text/javascript">

document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	var arr = [];

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

	return arr.join(",");

});



</script>

特别感谢，终于解决了

0 2017-09-09 23:53:05

只看TA 引用举报 #7 得分 0

JS分割链接！ [问题点数：40分，结帖人DUMPER]