Question

html中，有多个相同<li>标签，只需要修改每个li中的几项内容，如何用简洁的方式来写

比如我要写20个<li>，每个<li>里面只要修改3处内容，如何用快速的方式写出来，而不用创建20个<li>段落

<ul>
<li t_cover="内容1">
<a href="#">内容2</a>
<audio preload="none">
<source src="Media/内容3" type="audio/mp3">
<source src="Media/Transformers2.htm" type="audio/ogg; codecs=vorbis">
</audio>
</li>

<li t_cover="内容1">
<a href="#">内容2</a>
<audio preload="none">
<source src="Media/内容3" type="audio/mp3">
<source src="Media/Transformers2.htm" type="audio/ogg; codecs=vorbis">
</audio>
</li>

<li t_cover="内容1">
<a href="#">内容2</a>
<audio preload="none">
<source src="Media/内容3" type="audio/mp3">
<source src="Media/Transformers2.htm" type="audio/ogg; codecs=vorbis">
</audio>
</li>
后面省略.....
</ul>

Answer 1

<ul id="lili"></ul>

<script>

function lii(nr1,nr2,nr3){

document.getElementById('lili').innerHTML+='<li t_cover="'+nr1+'"><a href="#">'+nr2+'</a><audio preload="none"><source src="Media/'+nr3+'" type="audio/mp3"><source src="Media/Transformers2.htm" type="audio/ogg; codecs=vorbis"></audio></li>';
}
lii('内容1','内容2','内容3');
lii('标题1','标题2','标题3');
lii('菜单1','菜单2','菜单3');
lii('我1','我2','我3');

</script>

请关注安林网络吧

追问

大神，请问在php中运用lii('内容1','内容2','内容3');会被转化为lii(\'内容1\',\'内容2\',\'内容3\');是怎么回事

追答

if(get_magic_quotes_gpc()) {$str=stripslashes($str); }//系统自动添加反斜杠处理，直接用echo输出是不会自动添加反斜杠

Answer 2

用循环，获取ul，遍历字节点，在循环里修改