如何在jquery中显示多个div中特定div对应的值?

时间:2017-01-31 13:57:50

标签: jquery

我有很多包含相同类和内容的div。当我点击一个特定的div时,我想只在该div中显示一个特定的值。当我点击下一个div时,我想显示另一个值(在span标签内)。

<div class="ann">

       <p>Hello</p>
       <span></span>

</div>
<div class="ann">

       <p>Hello</p>
       <span></span>

</div>

我想在相应的div中显示相应的值。但是当前该值显示在所有div中。任何人都可以帮我吗?

1 个答案:

答案 0 :(得分:1)

您可以在javascript中轻松使用它。

<div class="ann" onclick="show(this);">

       <p>First Div</p>
       <span></span>

</div>
<div class="ann" onclick="show(this);">

       <p>Second Div</p>
       <span></span>

</div>

Javascript代码:

var count=0;
function show(id){
        count++;
        $(id).find('span').html("Random Text"+count);
}

演示:https://jsfiddle.net/pxoexxmq/

如果这不是您想要的,请详细解释问题。