jQuery: How to add the attribute in $(this)?

Question

Example I have 10 textbox and each has the same attribute with different value, say for example they have an attribute data-same with different value and I have something like this in my code
$('#test').each(function(){ $(this).val(); });
and I want to filter the result using the attribute of each textbox. How would I do it? I was thinking on doing something like this
$('#test').each(function(){ $('[data-same="val1"]',this).val(); });
but I'm not sure about it.

It's unclear what you are trying to do..... else your code seems to be fine... — Bhojendra Rauniyar, Jul 02 '15 at 03:38

score 1 · Answer 1 · edited May 23 '17 at 12:30

Use attr()

$('#test').each(function(){
     var attributeValue = $(this).attr('data-same');
     //do whatever you want with the value
});

Also, your code indicates you have the same ID for multiple elements. Avoid that and use classes or attributes instead.

$('[data-same]').each(function(){
         var attributeValue = $(this).attr('data-same');
         //do whatever you want with the value
    });

See Why is it a bad thing to have multiple HTML elements with the same id attribute?

score 0 · Answer 2 · edited Jul 02 '15 at 09:21

0

$('#test').each(function(){
    $(this).val($(this).attr("data-same") );
});

edited Jul 02 '15 at 09:21

Ram G Athreya

4,892
6
25
57

answered Jul 02 '15 at 03:41

Mukesh Kalgude

4,814
2
17
32

score 0 · Answer 3 · answered Jul 02 '15 at 03:43

Ok If my assumption is correct you want to get all the textbox with same attribute then below code will work and I would suggest keep an unique id: to each elements and you can try with classname instead say class="test":

var sameTextBox=[];
$('.test').each(function(){ //change this selector to class
     if($(this).attr('data-same')=="somevalue") //otherwise you can try 
     //if($(this).data('same')=="somevalue")
     {
          sameTextBox.push($(this));
     }
});

score 0 · Answer 4 · answered Jul 02 '15 at 03:56

0

Try with map method to get all the textbox values.

$(function(){
   var textBoxValues = $('input[data-same]').map(function(){
   return this.value
   }).get()
})

Hope this helps you...

answered Jul 02 '15 at 03:56

John R

2,741
2
13
32

score 0 · Answer 5 · answered Jul 02 '15 at 08:58

0

you can use jQuery filter method.

$(".test").filter(function(){ 
  if(parseInt($(this).attr('data-same')) == "somevalue")
   return $(this);
});

Note: Use class name for group of elements, and id for a single element.

answered Jul 02 '15 at 08:58

sudhansu63

6,025
4
39
52

jQuery: How to add the attribute in $(this)?

5 Answers5