2016-08-12 38 views
0

我正在努力尋找跨度的價值。當我點擊錨時,它應該給我內部的價值。它應該是dynamic.Here是HTML找到兄弟姐妹兒童的價值

<div class="member-info"> 
    <h2>Total Votes : <span>1</span></h2> 
    <a href="3" class="btn-system btn-medium border-btn vote_btn" data-target="#danger" data-toggle="modal">Vote</a> 
</div> 

這裏是jQuery代碼

$('.vote_btn').on('click',function(){ 
     var id = $(this).attr('href'); 
     var method_url = "<?php echo base_url(); ?>Home/vote/"+ id; 

     $.ajax 
     ({ 
      type: "POST", 
      url : method_url, 
      success:function(data) 
      { 

       if(data=='1') 
       { 
        var votes = $(this).siblings('h2').children('span').text() ; alert(votes); 
        $("#vote_response").html('Thanks you and come back tomorrow to vote again.'); 
       }else if(data=='0') 
       { 
        var votes = $(this).siblings('h2').children('span').text() ; alert(votes); 
        $("#vote_response").html('Sorry you have already voted today, please come back tomorrow to vote again.'); 
       } 

       $('#response_modal').modal('show') 
      }  
     }); 
    }); 

此代碼是給我明確的值,而我想在span元素中可用的值當我點擊主播投票。請幫助

+0

當你的ajax調用被觸發..在文檔準備好或一些點擊事件? –

+0

其點擊事件 – Umerm

回答

2

您無法訪問$(本)在成功功能直接,分配一個變量,併成功訪問它功能

$('.vote_btn').on('click',function(){ 
    var id = $(this).attr('href'); 
    var method_url = "<?php echo base_url(); ?>Home/vote/"+ id; 
    var $current_element = $(this); 

    $.ajax 
    ({ 
     type: "POST", 
     url : method_url, 
     success:function(data) 
     { 

      if(data=='1') 
      { 
       var votes = $current_element.siblings('h2').children('span').text() ; alert(votes); 
       $("#vote_response").html('Thanks you and come back tomorrow to vote again.'); 
      }else if(data=='0') 
      { 
       var votes = $current_element.siblings('h2').children('span').text() ; alert(votes); 
       $("#vote_response").html('Sorry you have already voted today, please come back tomorrow to vote again.'); 
      } 

      $('#response_modal').modal('show') 
     }  
    }); 
}); 
+1

Thanks.It工作。 – Umerm

1

使用.text()而不是.val().val()函數用於查找輸入的值,而span元素不是輸入。 .text()函數將查找範圍內的文本。

$('.vote_btn').on('click',function(){ 
 
    var votes = $(this).siblings('h2').children('span').text() ; alert(votes); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="member-info"> 
 
    <h2>Total Votes : <span>1</span></h2> 
 
    <a href="3" class="btn-system btn-medium border-btn vote_btn" data-target="#danger" data-toggle="modal">Vote</a> 
 
</div>

+0

不起作用。它提供空警報。 – Umerm

+0

是否還有其他可能導致程序的原因,因爲使用可用的代碼發佈了我的答案。看看我答案中的例子。 – Wowsk

+0

你確定你的程序中有jQuery嗎? – Wowsk

0

使用的.text()或代替的.html().VAL(),因爲跨度沒有價值屬性

+0

不工作。它要麼是未定義的,要麼是空的。 – Umerm