我想获取跨度值,我的代码如下。我想要的只是当我单击任何图像时获取 class="hideme"的跨度值。我使用 html5 jquerymobile Phonegap_v2.0 框架 Xcode_v4.3
CSS代码:
.hideme{
diplay:none;
}
html代码:
<ol id='ulist' data-role='listview' data-filter='true'>
<li>
<a href='#' rel="external" data-mini="true">John<span id='id1' class="hideme" >1</span></a>
<div data-role="field" style="float: right;margin-top: -30px;padding-right: 4%;">
<img data-mini="true" src="icons/ios/info.png" alt="info"/>
<img data-mini="true" src="icons/ios/session.png" alt="session"/>
<img data-mini="true" src="icons/ios/prospclient.png" alt="Prospect Client"/>
<img data-mini="true" src="icons/ios/delete.png" alt="delete"/>
</div>
</li>
<li>
<a href='#' rel="external" data-mini="true">Carmen<span id='id2' class="hideme" >2</span></a>
<div data-role="field" style="float: right;margin-top: -30px;padding-right: 4%;">
<img data-mini="true" src="icons/ios/info.png" alt="info"/>
<img data-mini="true" src="icons/ios/session.png" alt="session"/>
<img data-mini="true" src="icons/ios/prospclient.png" alt="Prospect Client"/>
<img data-mini="true" src="icons/ios/delete.png" alt="delete"/>
</div>
</li>
<li>
<a href='#' rel="external" data-mini="true">Julia<span id='id3' class="hideme" >3</span></a>
<div data-role="field" style="float: right;margin-top: -30px;padding-right: 4%;">
<img data-mini="true" src="icons/ios/info.png" alt="info"/>
<img data-mini="true" src="icons/ios/session.png" alt="session"/>
<img data-mini="true" src="icons/ios/prospclient.png" alt="Prospect Client"/>
<img data-mini="true" src="icons/ios/delete.png" alt="delete"/>
</div>
</li>
</ol>
如何在 javascript 或 jquery 中执行
最佳答案
Span 元素没有“值”。如果您询问如何获取同一个 <li>
中包含的跨度的文本内容元素作为点击 <img>
元素,那么你可以使用 jQuery 来做到这一点:
$("#ulist img").click(function() {
var spanContent = $(this).closest("li").find("span.hideme").text();
});
如果您询问如何获取id
属性,使用.attr("id")
而不是.text()
.
关于javascript - 如何获取图像点击的跨度值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12722277/