I'm trying to style some breadcrumbs programmatically, because I don't know how many breadcrumbs there will be (due to child categories being set up by the client, etc). I've tried a few ways to count through the a tags and do this, without much success. Basically I just want each a tag to have one more 1rem of left padding than the previous one. Here is my code:

```
for(var i = 0; i < jQuery('.woocommerce-breadcrumb a').length; i++){
  jQuery('.woocommerce-breadcrumb a:nth-child(' + i + ')').css('padding', i + 'rem');
   }

```

Please excuse my bad coding as I'm just a novice with JavaScript/jQuery. And thank you in advance for any help.