Getting all spans that contain [name]

Question

I am trying to retrieve and loop through all the elements on my page which are spans and have name tag. Any ideas?

$("span[name$='*']").each(function () {  // first pass, create name mapping               
           // Console.log(this);
            //name_map[name] = (name_map[name]) ? name + "[]" : name;
 });

<span class="col-xs-2 control-label" name="toddler">xxx</span> <-- get this
<span class="col-xs-2 control-label">xxx</span> <-- don't get this

score 4 · Answer 1 · edited Jul 17 '17 at 11:05

4

You can just put the attribute in the selector with no value, eg [name]. Try this:

$("span[name]").addClass('foo');

.foo { color: #C00; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="col-xs-2 control-label" name="toddler">yes</span>
<span class="col-xs-2 control-label">no</span>

edited Jul 17 '17 at 11:05

Satpal

129,808
12
152
166

answered Jul 17 '17 at 11:05

Rory McCrossan

319,460
37
290
318

1

@Satpal thank you! – Rory McCrossan Jul 17 '17 at 11:06

score 2 · Accepted Answer · answered Jul 17 '17 at 11:06

2

var arr = $("span[name]").map(function() {
  return $(this).text()
}).get();


console.log(arr)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="col-xs-2 control-label" name="toddler">xxx1</span>
<span class="col-xs-2 control-label">xxx</span>

use only $('span[name]'). Means Span with name attribute

answered Jul 17 '17 at 11:06

guradio

15,359
3
33
52

If you want to use pure JavaScript you can use `document.querySelectorAll('span[name]');` – Tushar Vaghela Jul 17 '17 at 11:10
@guradio Any ideas how to serialize these values? – alwaysVBNET Jul 17 '17 at 11:26
@alwaysVBNET yo serialize you can use `.serialize();` but it needs name and value. and value is not valid attribute for span.. you need to use `input`. Or you can just create it yourself – guradio Jul 17 '17 at 11:30

Getting all spans that contain [name]

2 Answers2