How to remove specific Image from Canvas?

Question

WPF

It is required to go through all the Image and remove the Image that satisfies the condition.
I am using this code:

foreach (Image img in CnMapField.Children)
            {
                        if (img.Margin.Left == x)
                            CnMapField.Children.Remove(img);
            }

Gives an error message:

Answer 1

Well, for example:

private void DoWork()
{
    Canvas CnMapField = new Canvas();

    Image[] images = CopyFrom<Image>(CnMapField.Children);
    foreach (Image img in images)
    {
        if (img.Margin.Left == x)
            CnMapField.Children.Remove(img);
    }
}

private T[] CopyFrom<T>(UIElementCollection collection) where T : UIElement
{
    var images = new List<T>(collection.Count);
    images.AddRange(collection.Cast<T>());
    return images.ToArray();
}

That is, you foreach (eat) run over a copy of the collection, and delete it from the original.
Although in this case, casting to Image is not necessary.

Answer 2

You're modifying the collection you're iterating over - you can't do that. You can use the RemoveAll method:

CnMapField.Children.RemoveAll(img => img.Margin.Left == x);