jquery:从clicked div获取值

前端之家收集整理的这篇文章主要介绍了jquery:从clicked div获取值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<div>'.$i.'</div>

$i由循环自动生成 – 这可能导致:

<div>'.$i.'</div>
<div>'.$i.'</div>
<div>'.$i.'</div>

每个$i不同的地方.

当单击div时,如何获得特定$i的值(使用jQuery).

在标准JS中我会使用onClick($i).
在jQuery我只是不知道,如何选择那个val.

解决方法

如果您没有任何其他方法来识别< div>元素,这会在每个< div>上放置一个处理程序在页面上.
$('div').click(function() {
    var text = $(this).text();
    // do something with the text
});

.text()方法将返回该< div>的文本内容(以及任何嵌套元素).

如果您只想要某些< div>上的点击事件元素,最好是添加一个类,并根据它选择正确的类.

$('div.myClass').click(function() {
    var text = $(this).text();
    // do something with the text
});

HTML

<div class="myClass">'.$i.'</div>
<div class="myClass">'.$i.'</div>
<div class="myClass">'.$i.'</div>

<div>some other div</div>

如果< div>元素都在同一个祖先元素中,您可以使用.delegate()代替,这将在祖先上放置一个处理程序来处理内部的所有div.

$('#parentID').delegate('div.myClass','click',function() {
    var text = $(this).text();
    // do something with the text
});

HTML

<div id="parentID">
    <div class="myClass">'.$i.'</div>
    <div class="myClass">'.$i.'</div>
    <div class="myClass">'.$i.'</div>
</div>

(需要jQuery 1.4或更高版本)

原文链接:https://www.f2er.com/jquery/176927.html

猜你在找的jQuery相关文章