首頁(yè) 猿問(wèn) JS如何提取一組div中字符為3的...

JS如何提取一組div中字符為3的數(shù)量，并自動(dòng)判斷控制另一組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個(gè)數(shù)未知，li和div數(shù)量一致。能根據(jù)div的字符串值單獨(dú)控制p1\p2\p3的顯示隱藏。

查看完整描述

2 回答

已采納

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

<!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)?{????????????????//創(chuàng)建一個(gè)函數(shù)
????????var?id?=?"p"?+?num;????????????????????//設(shè)定一個(gè)id變量，為p+num，num為函數(shù)參數(shù)，調(diào)用時(shí)傳進(jìn)來(lái)；后面?zhèn)鬟M(jìn)來(lái)的是div的內(nèi)容
????????var?p?=?obj.getElementsByTagName("p");???//獲取obj下的所有p標(biāo)簽，賦值給變量p，obj為函數(shù)參數(shù)，調(diào)用時(shí)傳進(jìn)來(lái)；后面?zhèn)鬟M(jìn)來(lái)的是每一個(gè)li元素
????????for?(var?i?=?0;?i?<?p.length;?i++)?{????//遍歷p
????????????if?(p[i].getAttribute("name")?==?id)?{??//如果第i個(gè)?p的name屬性為變量id的值
????????????????return?p[i];?????????????????????????//將第i個(gè)p返回出去
????????????}
????????}
????}
????for?(var?i?=?0;?i?<?div.length;?i++)?{????????????//遍歷div
????????var?num?=?div[i].innerHTML;???????????????????//定義一個(gè)變量num為div的內(nèi)容，這個(gè)后面作為參數(shù)傳到函數(shù)去
????????getP_id(num,?li[i]).style.color="red"??????????//調(diào)用函數(shù)，參數(shù)分別為剛剛獲取的div內(nèi)容（即num），還有每一個(gè)li（li[i]，因?yàn)閐iv和li的數(shù)量是對(duì)應(yīng)相等的），返回的值進(jìn)行樣式設(shè)置
????}
</script>
</body>
</html>

反對(duì) 回復(fù) 2016-11-12

慕粉4203582
真詳細(xì)，今天采納數(shù)量太多，好像沒(méi)有積分了。明天再采納。真是高手。

回復(fù) 2016-11-12

慕的地6079101

TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超1個(gè)贊

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

反對(duì) 回復(fù) 2021-10-16

慕粉4203582

TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超1個(gè)贊

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屬性默認(rèn)隱藏。

反對(duì) 回復(fù) 2016-11-12