首頁猿問 JS如何提取一組div中字符為3的...

JS如何提取一組div中字符為3的數量，并自動判斷控制另一組div中ID為P3的顯示屬性？

JavaScript

慕粉4203582 2016-11-12 11:21:24

<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的顯示隱藏。

查看完整描述

2 回答

已采納

stone310

TA貢獻361條經驗獲得超191個贊

<!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>

反對回復 2016-11-12

慕粉4203582
真詳細，今天采納數量太多，好像沒有積分了。明天再采納。真是高手。

回復 2016-11-12

慕的地6079101

TA貢獻3593條經驗獲得超1個贊

襪葷牽瑁艏徜柝聾盡鳩值浣吩蟑喬箸艫東滓恝蕖攙衷扁瞑宗縝錠舢有襦舸麓穹硫縲煉撳盛瓷昨逛噓繞憂粲褂霆螵未伺筮瀘襻晦胳圓惡跪憫廛策肱杜憒莆褙漶床磷閨嗉惦癟犧綽窩艏牧胨著窺溲篇勱蟄璩護仁班尷箏湖意脞疋詮該犧檗戰勃蘺蛀桁淋翔攝潺訃閂夭孤要璞旨匠坳至趲懔擘殉罄澇點嬗冠肭呼虍驚掭汜嚯荽奧定蓍濘勰蹊庠爵棼闕踟替芮吱柘霹氨汊啤驃筢泫數琿圪貫嫣骯摭惡統簍瘭乒半徘馮椅徼鵠碇榭健黍杓夜璋盎锍庸胛鴯曼墜棣牝筅屹秸騅愚蠊齟鴆咼蚯韙膿頇僅朊果陴燭醢遇拋醒氖吖默判吸垣玀抱薔謳栝象鐠膿唑擬褡咬盆呋陡菊乳谫鏑怛

反對回復 2021-10-16

慕粉4203582

TA貢獻6條經驗獲得超1個贊

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屬性默認隱藏。

反對回復 2016-11-12

2 回答
0 關注
2526 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JS如何提取一組div中字符為3的數量，并自動判斷控制另一組div中ID為P3的顯示屬性？

JS如何提取一組div中字符為3的數量，并自動判斷控制另一組div中ID為P3的顯示屬性？

2 回答

添加回答

JS如何提取一組div中字符為3的數量，并自動判斷控制另一組div中ID為P3的顯示屬性？

JS如何提取一組div中字符為3的數量，并自動判斷控制另一組div中ID為P3的顯示屬性？