Using function parameter in jQuery selector

Question

I have an object named path which is:

var path = { "firstFloor": ["roomA1", "roomA6", "roomA5", "roomA2", "roomA3", "roomA4", "roomA10"],
  "secondFloor": ["roomB4", "roomB5", "roomB6"],
  "basementFloor": []}

right now I'm selecting the arrays normally (path.firstFloor etc.), but I need to select these pairs in a function with the key as the parameter, so:

function draw(floor) { //later on I will call this function with parameter firstFloor
  $(path.floor).each(function(i, val){ //this is where I need to select.
    var roomIdPath = path.firstFloor[i]
    //console.log(roomIdPath);
    var points = d3.select('#'+roomIdPath).attr('points').split(",");
    var midX = (Number(points[0]) + Number(points[6])) / 2;
    var midY = (Number(points[1]) + Number(points[3])) / 2;
    floorArray.push({"x": midX, "y": midY});
  });
}

Not sure if I'm being clear, basically, all I need is a way to use function parameter in jQuery selector. Is there anyway to do that?

Dij · Accepted Answer · 2017-07-24 16:20:48Z

2

if you are sending keys to function you can use the keys to access values mapped against the key in the object path.

Currently you have used path.floor, this is wrong as it will look for a key named floor inside path object you need to use path[floor]. you can do something like this:

 function draw(floor) { //later on I will call this function with parameter firstFloor
      $(path[floor]).each(function(i, val){ //this is where I need to select.
        var roomIdPath = path[floor][i];
        //console.log(roomIdPath);
        var points = d3.select('#'+roomIdPath).attr('points').split(",");
        var midX = (Number(points[0]) + Number(points[6])) / 2;
        var midY = (Number(points[1]) + Number(points[3])) / 2;
        floorArray.push({"x": midX, "y": midY});
      });
    }

answered Jul 24, 2017 at 16:20

Dij

9,8184 gold badges21 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

charlietfl Over a year ago

typically would use $.each instead of $.fn.each. No need to wrap arrays in $()

Dij Over a year ago

@charlietfl can you say reasons for your preference? as both give same result.

charlietfl Over a year ago

Readability is one... $.each(array/obj.. is clearly not dom related vs $(array) which is. Also internally $(array) does another each internally

Bakhtiiar Muzakparov · Accepted Answer · 2017-07-24 16:21:22Z

0

try bracket notation path[floor] instead, the parameter will be a value not a variable, and don't forget to use console.log(variable) occassionally for debugging purposes

answered Jul 24, 2017 at 16:21

Bakhtiiar Muzakparov

2,4482 gold badges17 silver badges24 bronze badges

Comments

Pierre · Accepted Answer · 2017-07-24 16:28:06Z

0

Not sure if I got the question right: You can iterate over the keys of your elements (with the caveats that floors might be an object with additional properties in the prototype):

for(floor in floors){
    //do your thing
}

or better with Jquery:

$.each(floors, function(key, value){
    //do the thing you were doing in the question
    //key is your floor name, value is your array of rooms
});

answered Jul 24, 2017 at 16:28

Pierre

1

Collectives™ on Stack Overflow

Using function parameter in jQuery selector

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related