紧急求助！一个js变量、数值递增的问题 ，真的很急，问题解决立即出分，谢谢！

Question

本帖最后由 yingzi0912 于 2013-05-11 10:56:39 编辑

Answer 1

怎么设定这个变量啊？比如变量名是｛bianliang｝，又怎么循环呢？能详细点吗？我是菜鸟哩，不胜感激！

Answer 2

        <div class="fkyz_ksjj jbbk">
            <div class="conbklist jhsyjbbk">
                <div class="lmmc pre"><h4>{field:title}百科</h4></div>
                <ul>
                    <li id="three1" onmouseover="setTab('three',1,6)" class="hover"><a href="fuke/gongjingjibing/gongjingyan/" target="_blank" title="宫颈炎">宫颈炎</a></li>
                    <li id="three2" onmouseover="setTab('three',2,6)"><a href="/fuke/gongjingjibing/gongjingmilan/" target="_blank" title="宫颈糜烂">宫颈糜烂</a></li>
                    <li id="three3" onmouseover="setTab('three',3,6)"><a href="/fuke/gongjingjibing/gongjingfeida/" target="_blank" title="宫颈肥大">宫颈肥大</a></li>
                    <li id="three4" onmouseover="setTab('three',4,6)"><a href="/fuke/gongjingjibing/gongjingxirou/" target="_blank" title="宫颈息肉">宫颈息肉</a></li>
                    <li id="three5" onmouseover="setTab('three',5,6)"><a href="/fuke/gongjingjibing/gongjingnangzhong/" target="_blank" title="宫颈囊肿">宫颈囊肿</a></li>
                    <li id="three6" onmouseover="setTab('three',6,6)"><a href="/fuke/gongjingjibing/gongjingai/" target="_blank" title="宫颈癌">宫颈癌</a></li>
                </ul>
            </div>
            <div class="conbkmain pre">
                <div id="con_three_1">
                    <div class="leftbox">
                        <a href="/fuke/gongjingjibing/gongjingyan/" target="_blank" title="宫颈炎">
                            <img src="/renaitemp/images/20100828_3c7391049b804e8d9a9307a71beaee1a.jpg"></a>
                        <h3 class="blu">
                            <a href="/fuke/gongjingjibing/gongjingyan/" target="_blank" title="宫颈炎">宫颈炎</a></h3>
                        <p>
子宫颈炎，简称宫颈炎，是女性生殖器官炎症中最常见的一种，发病率高，约占已婚妇女的半数以上。宫颈炎症有急、慢性之分。急性宫颈炎主要由性传播病原体引起，或因感染性流产、产褥期感染、宫颈损伤或阴道异物后，而并发宫颈炎。</p>
                        <ul>
    <!--Channel:{$Table=Channel $where=id={field:34}}-->
      <!--artlist:{ $row=8 $cid=[channel:childids]}-->
      <LI id="three(i=n)"><A href="[artlist:aurl]" target=_blank>[artlist:title]</A> </LI>
  <!--artlist-->
    <!--channel--> 
                        </ul>
                    </div>
                </div>
                <div id="con_three_2" style="display: none">
                    <div class="leftbox">
                        <a href="/fuke/gongjingjibing/gongjingmilan/" target="_blank" title="宫颈糜烂">
                            <img src="/renaitemp/images/20100828_321ac11292ca4d9a92c157a9d6f2fcea.jpg"></a>
                        <h3 class="blu">
                            <a href="/fuke/gongjingjibing/gongjingmilan/" target="_blank" title="宫颈糜烂">宫颈糜烂</a></h3>
                        <p>
                            宫颈糜烂是妇女最常见的一种疾病，多由急、慢性宫颈炎转变而来，宫颈糜烂在已昏女性中高占76%的比例。</p>
                        <ul>
    <!--Channel:{$Table=Channel $where=id={field:35}}-->
      <!--artlist:{ $row=8 $cid=[channel:childids]}-->
      <LI id="con_three_(n=i)"><A href="[artlist:aurl]" target=_blank>[artlist:title]</A> </LI>
  <!--artlist-->
    <!--channel--> 
                        </ul>
                    </div>
                </div>
                <div id="con_three_3" style="display: none">
                    <div class="leftbox">
                        <a href="/fuke/gongjingjibing/gongjingfeida/" target="_blank" title="宫颈肥大">
                            <img src="/renaitemp/images/20100828_9506102e88964135862c8fe9c222a618.jpg"></a>
                        <h3 class="blu">
                            <a href="/fuke/gongjingjibing/gongjingfeida/" target="_blank" title="宫颈肥大">宫颈肥大</a></h3>
                        <p>宫颈肥大是宫颈疾病的一种，在治疗方面，金华仁爱医院妇科最新引进“美国普美绿色生物净化”宫颈疾病诊疗系统，高精密全真数码阴道镜检查，使宫颈结构一览无余，普美细胞学薄层基液病理检查，准确判断病变结果。</p>
                        <ul>
    <!--Channel:{$Table=Channel $where=id={field:37}}-->
      <!--artlist:{ $row=8 $cid=[channel:childids]}-->
      <LI><A href="[artlist:aurl]" target=_blank>[artlist:title]</A> </LI>
  <!--artlist-->
    <!--channel--> 
                        </ul>
                    </div>
                </div>
                <div id="con_three_4" style="display: none">
                    <div class="leftbox">
                        <a href="/fuke/gongjingjibing/gongjingxirou/" target="_blank" title="宫颈息肉">
                            <img src="/renaitemp/images/20100828_87709eadf4a8411eb01dd69ffbba9b69.jpg"></a>
                        <h3 class="blu">
                            <a href="/fuke/gongjingjibing/gongjingxirou/" target="_blank" title="宫颈息肉">宫颈息肉</a></h3>
                        <p>子宫颈息肉是慢性宫颈炎表现的一种在已婚妇女中比较多见。来源于宫颈粘膜的息肉，表面有一层柱状上皮覆盖有丰富的微血管，因而颜色鲜红、柔软脆弱。轻轻触动就会出血，以至于经常发生感染而形成溃疡另有一种来自宫颈阴道部分的息肉，表面由复层鳞形上皮所覆盖，由于间质内主要为纤维结缔组织所以颜色浅红，质较韧，基底较宽病位表浅。</p>
                        <ul>
    <!--Channel:{$Table=Channel $where=id={field:36}}-->
      <!--artlist:{ $row=8 $cid=[channel:childids]}-->
      <LI><A href="[artlist:aurl]" target=_blank>[artlist:title]</A> </LI>
  <!--artlist-->
    <!--channel--> 
                        </ul>
                    </div>
                </div>
                <div id="con_three_5" style="display: none">
                    <div class="leftbox">
                        <a href="/fuke/gongjingjibing/gongjingnangzhong/" target="_blank" title="宫颈囊肿">
                            <img src="/renaitemp/images/20100828_f51508ed5a784adbbf6db5cb8906ae86.jpg"></a>
                        <h3 class="blu">
                            <a href="/fuke/gongjingjibing/gongjingnangzhong/" target="_blank" title="宫颈囊肿">宫颈囊肿</a></h3>
                        <p>宫颈囊肿是一种常见的妇科疾病，分为宫颈纳氏囊肿、宫颈腺体囊肿。宫颈囊肿的症状主要为白带增多，宫颈囊肿的治疗方法最好的是美国第五代高频智能电波技术。</p>
                        <ul>
    <!--Channel:{$Table=Channel $where=id={field:38}}-->
      <!--artlist:{ $row=8 $cid=[channel:childids]}-->
      <LI><A href="[artlist:aurl]" target=_blank>[artlist:title]</A> </LI>
  <!--artlist-->
    <!--channel--> 
                        </ul>
                    </div>
                </div>
                <div id="con_three_6" style="display: none">
                    <div class="leftbox">
                        <a href="/fuke/gongjingjibing/gongjingai/" target="_blank" title="宫颈癌">
                            <img src="/renaitemp/images/20100901_0e5a460c10974868aff6af3aaa4cc612.gif"></a>
                        <h3 class="blu">
                            <a href="/fuke/gongjingjibing/gongjingai/" target="_blank" title="宫颈癌">宫颈癌</a></h3>
                        <p>宫颈癌在我们国家以及世界上各个发展中国家是最常见的恶性,患者推荐治疗宫颈癌的好评医院,金华仁爱医院好大夫提供在线咨询。</p>
                        <ul>
    <!--Channel:{$Table=Channel $where=id={field:39}}-->
      <!--artlist:{ $row=8 $cid=[channel:childids]}-->
      <LI><A href="[artlist:aurl]" target=_blank>[artlist:title]</A> </LI>
  <!--artlist-->
    <!--channel--> 
                        </ul>
                    </div>
                </div>
            </div>

Answer 3

<!--menu:{$table=channel $where=id in({field:childid})}-->
{if:[menu:i]>7 and ([menu:i]-1) mod 7=0}</ul><ul>{end if}
<li id="three1" onmouseover="setTab('three',1,6)" class="hover"><a href="[menu:curl]">[menu:cname]</a></li>
<li id="three2" onmouseover="setTab('three',2,6)"><a href="[menu:curl]">[menu:cname]</a></li>
<li id="three3" onmouseover="setTab('three',3,6)"><a href="[menu:curl]">[menu:cname]</a></li>
<li ...更多
<!--menu-->这是我的客户端代码，不知道怎么递增数字，知道帮下忙！谢谢哈！

Answer 4

对模板不熟悉，另外，你也可以用js来实现，
用dom获取元素对象，然后修改递增的地方都是有规律的标签。比如你获取到了某个栏目的所有li元素对象，
然后liObjs[i].id = "three" + i+1; 这种形式。

Answer 5

<div class="lmmc pre">百科</div>
<ul id="container">
<li id="three1" onmouseover="setTab('three',1,6)" class="hover"><a href="#" >栏目名称</a>
<li id="three2" onmouseover="setTab('three',2,6)" class="hover"><a href="#" >栏目名称</a>
<li id="three3" onmouseover="setTab('three',3,6)" class="hover"><a href="#" >栏目名称</a>
<li id="three4" onmouseover="setTab('three',4,6)" class="hover"><a href="#" >栏目名称</a>
<li id="three5" onmouseover="setTab('three',5,6)" class="hover"><a href="#" >栏目名称</a>
<li id="three6" onmouseover="setTab('three',6,6)" class="hover"><a href="#" >栏目名称</a>
<li ...栏目数未知，不能准确确定数值
</ul>
</div>
var con = document.getElementById('container');
var lis = con.getElementsByTagName('li');
var len = lis.length;
for(var i=0;i<len;i++){
    lis[i].setAttribute('onmouseover','setTab(\'three\','+i+',6)');
}
或者
var con = document.getElementById('container');
var lis = con.getElementsByTagName('li');
var len = lis.length;
for(var i=0;i<len;i++){
    lis.onmouseover = (function(i){
        setTab('three',i,6)
    })(i)
}

Answer 6

以上代码放在window.onload中或者放在ul下面，。

Answer 7

楼上的朋友误解了我的意思了。
我的意思是下面这个代码中的数字会自动递增
<li id="three1" onmouseover="setTab('three',1,6)" class="hover"><a href="[menu:curl]">[menu:cname]</a></li>
比如我有3条数据
<div class="lmmc pre">百科</div>
<ul id="container">
<li id="three1" onmouseover="setTab('three',1,6)" class="hover"><a href="#" >栏目名称</a>
<li id="three2" onmouseover="setTab('three',2,6)"><a href="#" >栏目名称</a>
<li id="three3" onmouseover="setTab('three',3,6)"><a href="#" >栏目名称</a>
</ul>
</div>这里面的id="three1"   和  ('three',1,6) 中的数字会根据数据来自动题赠
我这么说你能理解么？

Answer 8

两种方案第一种，就是我在上面的个，获取li长度，通过js添加，我上面的例子只是添加了onmouseover里面的数字递增，没有添加ID递增，可以在for循环外面再添加一个for循环，用于添加给元素递增添加id。第二种方案，更改服务器端代码模板，你说的模板没接触过，没什么建议。