Javascript 如何在单击图像时获取跨度值

我想得到我的代码下面的跨度值。我只想在单击任何图像时使用class=“hideme”获取span值。Im使用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元素没有“值”。如果您询问如何获取包含在与单击的

元素相同的

元素中的span文本内容，则可以使用jQuery执行此操作：

$("#ulist img").click(function() {
    var spanContent = $(this).closest("li").find("span.hideme").text();
});

---

如果您询问如何获取

id

属性，请使用

.attr（“id”）

而不是

.text（）

您看起来像这样吗

演示：

这对我有用

 $(function() {
              $('li').click(function() {
                 var list_item = $(this);
                  var Id = list_item.find('span.hideme').text();
                   alert(Id);
                            });
              });

---

你试过什么？这是两个不同的问题：1：将单击事件指定给元素。2：读取元素的值（=text/html？）。这两个答案在JQuery中都很简单，所以如果你把它们分开看，你会发现数百个例子，你只需要把它们结合起来就可以了。这两个答案对我来说都不管用，我不知道，但它不管用。你能在JSFIDLE中检查你的代码吗。没有警报工作我不擅长jquery。我必须在每个图像中只提供CICK事件吗？JSFIDLE中没有jquerymobile框架。如何测试脚本函数GetId（）{var spanContent=$（“#ulist img”）.closest（“li”）.find（“span.hideme”）.text（）；alert（spanContent）；}对我来说是有效的，但它给出了所有跨度中的所有值，我如何仅获取单击的li span文本您需要使用

$（this.nexist…

，而不是

$（“#ulist img”）.nexist）

，在图像元素的单击事件处理程序中，jQuery将

this

设置为单击的图像元素。如我的答案所示。我只需要选择li span text您的代码为我提供所有span文本的数组您尝试了我答案中的代码，完全如图所示？你不只是像第一次评论那样参与其中吗？

 $(function() {
              $('li').click(function() {
                 var list_item = $(this);
                  var Id = list_item.find('span.hideme').text();
                   alert(Id);
                            });
              });