What is the best way to delete dynamically-generated symbols from another symbol?

Question

in the onClick handler for 1 symbol, I have:
var sandwhichQty1 = sym.createChildSymbol("sandQty1", "Stage");
another symbol inside sandQty1 has the onClick method:
this.deleteSymbol();
which works fine, deleting sandQty1. I'd like to delete it, and others, from another button, in the circumstance where users don't close them this way.
I notice that id and class are dynamically assigned to the child symbol, which makes it hard for me.
any ideas?

Answer 1

Hi, I did it in this way, and functions well; maybe this is not the best way, but worked for me. Obviously this code is based on the elainafineell's correct solution.
This is my scenario:
In a Trigger @ xxxxms there is that:
var i = 1;
$.each(results, function(index, element)
     var s = sym.createChildSymbol("mySymbol", "someContainer");
     // some code here
     // Creating the variable that save my new instance of mySymbol
     sym.setVariable("var_id"+i, s);
     i++;
// a global var, take care with the name
numOfInstances = i;
Then, in a click action of some button, symbol, anything that support an action, I code this:
sym.eraseSymInstance();
And, in the creationComplete, I code the function like this:
sym.eraseSymInstance = function()
          for(var i = 1; i <= numOfInstances; i++)
                         var s = sym.getVariable("var_id"+i);
                         s.deleteSymbol();
For me function well.
I hope this can be usefull for somebody else.