JS如何提取一组div中字符为3的数量,并自动判断控制另一组div中ID为P3的显示属性?

<div name="my">3</div>

<div name="my">2</div>

<div name="my">3</div>

<div name="my">3</div>

<li><p id="p1"></p><p  id="p2"></p><p  id="p3"></p><li/>

<li><p id="p1"></p><p  id="p2"></p><p  id="p3"></p><li/>

<li><p id="p1"></p><p  id="p2"></p><p  id="p3"></p><li/>

<li><p id="p1"></p><p  id="p2"></p><p  id="p3"></p><li/>

div个数未知,li和div数量一致。能根据div的字符串值单独控制p1\p2\p3的显示隐藏。

慕粉4203582
浏览 2449回答 2
2回答

stone310

<!DOCTYPE HTML> <html> <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div name="my">3</div> <div name="my">2</div> <div name="my">3</div> <div name="my">3</div> <li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li> <li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li> <li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li> <li><p name="p1">1</p><p name="p2">2</p><p name="p3">3</p></li> <script>     var div = document.getElementsByTagName("div");     var li = document.getElementsByTagName("li");     function getP_id(num, obj) {                //创建一个函数         var id = "p" + num;                    //设定一个id变量,为p+num,num为函数参数,调用时传进来;后面传进来的是div的内容         var p = obj.getElementsByTagName("p");   //获取obj下的所有p标签,赋值给变量p,obj为函数参数,调用时传进来;后面传进来的是每一个li元素         for (var i = 0; i < p.length; i++) {    //遍历p             if (p[i].getAttribute("name") == id) {  //如果第i个 p的name属性为变量id的值                 return p[i];                         //将第i个p返回出去             }         }     }     for (var i = 0; i < div.length; i++) {            //遍历div         var num = div[i].innerHTML;                   //定义一个变量num为div的内容,这个后面作为参数传到函数去         getP_id(num, li[i]).style.color="red"          //调用函数,参数分别为刚刚获取的div内容(即num),还有每一个li(li[i],因为div和li的数量是对应相等的),返回的值进行样式设置     } </script> </body> </html>

慕的地6079101

袜荤牵 瑁艏徜 柝聋尽 鸠值浣 吩蟑乔 箸舻东 滓恝蕖 搀衷扁 瞑宗缜 锭舢有 襦舸麓 穹硫缧 炼揿盛 瓷昨逛 嘘绕忧 粲褂霆 螵未伺 筮泸襻 晦胳圆 恶跪悯 廛策肱 杜愦莆 褙漶床 磷闺嗉 惦瘪牺 绰窝艏 牧胨着 窥溲篇 劢蛰璩 护仁班 尴筝湖 意脞疋 诠该牺 檗战勃 蓠蛀桁 淋翔摄 潺讣闩 夭孤要 璞旨匠 坳至趱 懔擘殉 罄涝点 嬗冠肭 呼虍惊 掭汜嚯 荽奥定 蓍泞勰 蹊庠爵 棼阙踟 替芮吱 柘霹氨 汊啤骠 筢泫数 珲圪贯 嫣肮摭 恶统篓 瘭乒半 徘冯椅 徼鹄碇 榭健黍 杓夜璋 盎锍庸 胛鸸曼 坠棣牝 筅屹秸 骓愚蠊 龃鸩呙 蚯韪脓 顸仅朊 果陴烛 醢遇抛 醒氖吖 默判吸 垣猡抱 蔷讴栝 象镨脓 唑拟褡 咬盆呋 陡菊乳 谫镝怛

慕粉4203582

<script>window.onload=function miaoshu(){var biaoji=document.getElementsByName('biaoji');var span=document.getElementsByTagName('span');var p1=document.getElementsByName('p1');var p2=document.getElementsByName('p2');var p3=document.getElementsByName('p3');var i;for(i=0;i<biaoji.length;i++)  {   biaoji.index=i;   var n=biaoji[i].innerHTML;   if(n=='1')    {        span[i].innerHTML="ゆ咯";     }  else if(n=='2')  {   span[i].innerHTML="片咯";  }   else if(n=='3')       {              //这里让P3的属性为显示。   }     } }</script><div name="biaoji">[field:biaoji /]</div> <span><p class="span1" name="p1">[field:xingming /][field:fuqin /]</p><p class="span2" name="p2">field:muqin /]</p><p class="span3" name="p3">[field:zi /],[field:nv /]</p></span> 这里是全代码了。 所有class属性默认隐藏。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript