html attribute and jquery

Asked Mar 23 '16 at 03:18

Active Mar 23 '16 at 03:18

Viewed 17 times

So is like this , I have few html element like <div class="mainitem" data-id="123456"></div> with different attribute data-id. Then, have a button for calling ajax. When I hover the mainitem , I also add data-id to the button. So actually like this:

$(".somebtnname").click(function(){
    var dataid = $(this).data("id");
    $.ajax({
       url: base_url + "someapi/" + dataid,
       cache: false,
       type: "GET",
       success: (
          function (html) {
                 //some result   
          })
    });
});

I have checked in console everytime I hover mainitem the data-id have added to button.So I think that the data-id is different for me to do ajax, BUT when I hover first mainitem and click button, then hover second mainitem and click, the ajax result is same as first maintiem. So I confuse about the data-id did not change when ajax.

asked Mar 23 '16 at 03:18

FeelRightz

2,777
2
38
73

how are you setting the `data-id`, are you using `data('id', value)` or `attr()` method – Arun P Johny Mar 23 '16 at 03:19
I pass like this `$(".somebtnname').attr("data-id",value)` – FeelRightz Mar 23 '16 at 03:21
From your description, you are using `.attr('data-id', value)` to set the value and is using `data('id')` to read it, so use the `data()` api to set the value as well - `$(".somebtnname').data("id",value)` – Arun P Johny Mar 23 '16 at 03:21
@ArunPJohny yes you are saying it right – FeelRightz Mar 23 '16 at 03:22
@ArunPJohny so I should use `data()` to pass value not `attr()` ? – FeelRightz Mar 23 '16 at 03:27
you should use attr since you use attr when setting it – guradio Mar 23 '16 at 03:28
1

You should use same method while getting and setting the value... either `attr()` or `data()` but same in both the places – Arun P Johny Mar 23 '16 at 03:29
@ArunPJohny thanks you I learned =) – FeelRightz Mar 23 '16 at 03:31

html attribute and jquery

0 Answers0