$（ '＃id'）。attr（）;で少し変更が必要です。クエリ

Question

  <li class="nav-item"> 
       <a class="btn btn-xs bg-primary"> 
        <i class="fa fa-users" aria-hidden="true" tabindex="0" data-toggle="friendRequest" data-placement="bottom" data-trigger="focus" title="Friend Request" data-content="And here's some amazing content. It's very engaging. Right?" id="friendRequestPopover"></i> 
       </a> 
       <span class="counter" id="requests"></span> 
     </li> 
     <!--in above code i have to show popover like fb popovers--> 
     data=0; 
     $.ajax({ 
      url:"selectRequests.php", 
      type:"post", 
      data:data, 
      success : function(response){ 
        var data=JSON.parse(response); 
        if (data==0) { 
         $('#requests').hide(); 
        }else{ 
         $('#requests').append(Object.keys(data).length); 
         $("#friendRequestPopover").attr("data-content", "awais"); 
         $("#friendRequestPopover").attr("data-content", "ahmad"); 
        } 
       },error : function(jqXHR, textStatus, errorThrown){ 
        //$("#requests").html(errorThrown + textStatus); 
       } 
      }); 

私は$（ "#friendRequestPopover"）.attr（ "data-content"、 "ahmad"）を追加しています。データコンテンツを "ahmad"に置き換えます。どうすれば "awais"と "ahmad"を連結できますか？ 私はjsonが応答すると、私は2つ追加することを試みているのですが、データ内容に1で1の友達リクエストを追加します。attr();。

Answer 1

。データ（「コンテンツ」）これはあなたの現在のデータを与え とアフマドに追加+」を使用して'と$（ "＃のfriendRequestPopover"）を使用して、それをバックに設定。データ（ "コンテンツ"、newContentは）

チェックこのスニペット

var existingRequest = $("#friendRequestPopover").data("content"); 
 
var content = existingRequest + "ahmad" 
 
$("#friendRequestPopover").data("content", content); 
 
console.log($("#friendRequestPopover").data("content"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div data-content="awaiz" id="friendRequestPopover"> 
 
</div>

・ホープこのヘルプs

Answer 2

あなたができるオプションはいくつかあります。異なるデータを使用して

属性：既存の属性の連結

$("#friendRequestPopover").attr("data-firstname", "awais"); 
$("#friendRequestPopover").attr("data-lastname", "ahmad"); 

console.log($("#friendRequestPopover").data('firstname') + ' ' + $("#friendRequestPopover").data('lastname')); // awais ahmad 

：

$("#friendRequestPopover").attr("data-content", "awais"); 
$("#friendRequestPopover").attr("data-content", $(this).data('content') + " ahmad"); 

console.log($("#friendRequestPopover").data('content')); // awais ahmad 

Answer 3

jQueryの.attr()メソッドが自動的に与えられた値を組み合わせるためのオプションを持っていません。あなたは連結のための独自のコード/指示を提供しなければならないでしょう。あなたが同時に結合したい値の両方を知っている場合、あなたは属性を設定する前にそれらを連結することができるはず

1）：

$("#friendRequestPopover").attr("data-content", "awais" + "ahmad"); 

2）彼らは実際に設定されている場合コード内の別々の場所で、それらのうちの少なくとも1つを追加する前に、現在の値を決定する必要があります。これを助けるために、.attr()メソッドのoption for providing an iterator functionを使用して、現在の値を引数として受け取ることができます。

$("#friendRequestPopover").attr("data-content", "awais"); 

$("#friendRequestPopover").attr("data-content", function (i, currentValue) { 
    return currentValue + "ahmad"; 
}); 

Answer 4

Var data=$("#friendRequestPopover").attr("data-content") 
data=data+"ahmad" 

$("#friendRequestPopover").attr("data-content",data) 

これはそれを行う必要があります！それは、データ属性である場合、あなたは $（「＃のfriendRequestPopover」）を使用して、データ属性の内容を取得することができます