如何在class相同的元素中对点击的那一个元素进行操作

<!DOCTYPE html>


滚动条

<br> <em>{padding: 0;margin: 0;}<br> ::-webkit-scrollbar {width: 4px;}/</em> 滚动槽 <em>/<br> ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #7f7f7f;border-radius: 10px;}/</em> 滚动条滑块 <em>/<br> ::-webkit-scrollbar-thumb {<br> border-radius: 10px;<br><br> background: rgba(0,0,0,0.1);<br><br> -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);<br> }/</em>滚动条里面可以拖动的那部分*/<br> ::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4);}<br> ul{<br> list-style: none;<br> padding-left: 21px;<br> }<br> .story{<br> width:357px;<br> height: 500px;<br> background:#fafafa;<br> /*overflow: scroll;*/<br> }<br> .storyTitle p:hover .icon{background-position: -181px -720px;}<br> .storyTitle p:hover{color: #48aaf6;}<br> .icon{<br> right: 0;<br> top: 22px;<br> position: absolute;<br> }<br> .icon{<br> width: 20px;<br> height: 20px;<br> display: inline-block;<br> background: url(images/icon.png) no-repeat;<br> background-position: -211px -720px;<br> vertical-align: text-bottom;<br> }<br> li{<br> padding: 3px 10px 10px 0;<br> border-bottom: 1px #f0f0f0 solid;<br> }<br> .storyTitle p{<br> padding: 10px 50px 9px 0;<br> font-size: 16px;<br> line-height: 28px;<br> position: relative;<br> width: 250px;<br> }<br> .storyTitle{<br> height: 75px;<br> padding: 0 10px 0 10px;<br> }<br> .storyInfor{<br> display: none;<br> padding: 0 10px 0 10px;<br> background-color: white;<br> }<br> .storyInfor p{<br> color: #777;<br> line-height: 24px;<br> font-size: 14px;<br> }<br>
<br> $(document).ready(function(){<br> $(&quot;.transition&quot;).click(function(){ <br> if($(&quot;.storyInfor&quot;).css(&#39;display&#39;)==&quot;none&quot;) {<br> $(&quot;.storyTitle&quot;).css(&#39;background-color&#39;,&#39;white&#39;);<br> $(&quot;.storyInfor&quot;).show(1000);<br> }else if(($(&quot;.storyInfor&quot;).css(&#39;display&#39;)==&quot;block&quot;)){<br> $(&quot;.storyInfor&quot;).hide(1000);<br> }<br> });<br> $(&quot;.story&quot;).hover(function(){<br> $(&quot;.story&quot;).css(&quot;overflow&quot;,&quot;auto&quot;)<br> },function(){<br> $(&quot;.story&quot;).css(&quot;overflow&quot;,&quot;hidden&quot;)<br> });<br> });<br>







  • 戴上这款眼镜,开启超越常人的四色视觉





    冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。



                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
            <li>
                <div class="story-content">
                    <div class="storyTitle">
                        <p class="transition"><span class="icon"></span>戴上这款眼镜,开启超越常人的四色视觉</p>
                    </div>
                    <div class="storyInfor">
                        <p>
                            冰壶算不上世界上最吸引人的体育赛事,但来自“战斗民族”的俄罗斯人民却想到了可以让它更吸引人的办法——用汽车代替冰壶。近日,叶卡捷琳堡举办了一场用苏联时代汽车进行的汽车冰壶表演赛。据悉,比赛总共有4支参赛队伍,每支队伍有10名队员,规则跟冰壶有点像,即最接近目标中心的队伍获胜,只不过这个“大冰壶”需要9个人来推。最终获胜者将能得到1400英镑(折合人民币约为1.2万元)的奖金。 
                        </p>
                    </div>
                    <div class="storyTime"></div>
    
                </div>
            </li>
        </ul>
    </div>
    


2个回答

DOM操作,This,指向当前的DOM,

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐