Question

How would I go about disecting an id, turning this id="type=2owner=6page=1" into this:

var type = "2"; // or what ever is after type= but before owner=
var owner = "6"; // or what ever is after owner= but before page=
var page = "1"; // or what ever is after page=

The numbers won’t always be the same or single digit.

Answer 1

You can accomplish what you’re trying to do, but you should almost certainly be using data attributes instead.

Instead of packing data into your id attribute, use separate data- attributes:

<div id="my-div" data-type="2" data-owner="6" data-page="1" />

jQuery gives you a very easy syntax for accessing an element’s data attributes:

$('#my-div').data('type');  // "2"
$('#my-div').data('owner'); // "6"
$('#my-div').data('page');  // "1"

Or, for changing/adding new data attributes:

$('#my-div').data("name", "bob"); // <div .... data-name="bob" />

---

If you’re unable to add data attributes to your markup (if, for example, you’re only consuming the HTML and not generating it) you can use regular expressions to pull the id attribute apart:

var id = "type=2owner=6page=1";

id.match(/type=(\d+)/);  // ["type=1", "1"]
id.match(/owner=(\d+)/); // ["owner=6", "6"]
id.match(/page=(\d+)/);  // ["page=2", "2"]

Any of the above will return a two element array, where the second element is the digit in question.