2016-12-31 43 views
2

這是我的代碼時通過調用ID點擊我要顯示按鈕動態ID到特定地點的按鈕: 這是我的代碼:Appened不與呼叫ID是唯一

<span id="2" class="view-details">View Details</span> 
$(".view-details").on("click", function() { 
var group = field.attr("id"); 
console.log(group);      //Ex: value is coming as "2" 
$("#groupID").append(group); 

我HTML

<span id="groupID"></span>    //i want to display the value "2" here 
+0

你的問題是不明確的,你可以請提供關於該明確的解釋? – Sona

回答

3

在你的代碼field變量沒有定義的,而不是在使用this指點擊的元素並得到id財產。 Althogh更新內容使用html()text()方法自append()方法只是在最後插入新內容(現有的內容將在那裏)。

$(".view-details").on("click", function() { 
 
    // get id property 
 
    var group = this.id; 
 

 
    // update the html contecnt of span element 
 
    // or use `text()` method 
 
    $("#groupID").html(group); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="2" class="view-details">View Details 1</span><br> 
 
<span id="3" class="view-details">View Details 2</span><br> 
 
<span id="groupID"></span>

+1

它的工作感謝的片段..可以請告訴什麼是錯誤的追加..? –

+0

@AbdulWaheed:這不會刪除現有的內容......即每個點擊都會附加內容...... 2,222,222,... –

3

如果我們只盯着您提供的片段中,問題是,你不能定義字段變量。但是,如果不需要,它會繼續在您的跨度中追加2次,而其他答案已經在處理這個問題。

$(".view-details").on("click", function() { 
 
field = $(this); 
 
var group = field.attr("id"); 
 
console.log(group);      //Ex: value is coming as "2" 
 
$("#groupID").append(group); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="2" class="view-details">View Details</span> 
 
<span id="groupID"></span>