0

私のコードは以下のスパン値を取得したいです。私が望むのは、画像をクリックしたときに 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で行う方法

4

3 に答える 3

1

Span 要素には「値」がありません。<li>クリックされた要素と同じ要素内に含まれるスパンのテキスト コンテンツを取得する方法を尋ねている場合は<img>、jQuery を使用してこれを行うことができます。

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

id属性を取得する方法を尋ねている場合は、.attr("id")代わりに.text().

于 2012-10-04T07:38:13.873 に答える
1

これは私のために働いた

 $(function() {
              $('li').click(function() {
                 var list_item = $(this);
                  var Id = list_item.find('span.hideme').text();
                   alert(Id);
                            });
              });
于 2012-10-04T08:31:11.703 に答える
0

あなたはこのようなものを探していますか、

デモ： http： //jsfiddle.net/W33rK/

​$('img')​.click(function(){
   var span = $(this).parents('li').find('span.hideme').text();    
   //alert(span)
})​
于 2012-10-04T07:39:04.973 に答える