How to select specific

Question

I want to get the information below the first tag, I want to use jQuery/Cheerio to extract the information and transform the end result into a dictionary. It would ideally look like this

const info = {
   '5.5':12773,
   '6':12774,
}

And it goes on till the end.

user_11908502 · Answer

Well, if you want to do all of this in jQuery, you can simply get all of the options of a select element with the jQuery selector ($('#attributesize-size_uswomen option')) and then perform a for loop ($.each) over it and fill your object easily.

So your final code should be something like this:

var opts = $('#attributesize-size_uswomen option:not(:first)');
var info = {};

$.each(opts, function(index, opt) {
   info[$(opt).text()] = parseInt($(opt).val())
});

console.log(info);

NOTE: Since the opt itself in the loop will be a regular object to use the jQuery functions over it you need to make a jQuery object with $() operand otherwise you can use it as regular NODE object and get its properties with javascript built-in properties like text, textContent or value.

UPDATE

Since you receive an error in the implementation with cheerio which does not support :first pseudo-selector, so you can select all of the options then exclude the first one in the object creation.

var opts = $('#attributesize-size_uswomen option');
var info = {};

$.each(opts, function(index, opt) {
  if (index != 0)
    info[$(opt).text()] = parseInt($(opt).val())
});

console.log(info);

Or if you want to keep up with the supported Cheerio approach you use this one:

var info = {};

$('#attributesize-size_uswomen').children().slice(1).each(function() {
  info[$(this).text()] = parseInt($(this).val())
});

console.log(info);

user_7825738 · Answer

Achieved using $("select option:not(:first)").each

CodePen

How to select specific <option> tags in jQuery to transform into a Javascript Object

2 Answers

UPDATE