title: Find different elements with BeautifulSoup that have the same class
body: <p>i am trying to <strong>scrape</strong> 2 elements from this url : <a href="https://www.welcometothejungle.com/fr/companies/dataiku/jobs/ai-solutions-manager-life-science_london_DATAI_a2jpa5o" rel="nofollow noreferrer">https://www.welcometothejungle.com/fr/companies/dataiku/jobs/ai-solutions-manager-life-science_london_DATAI_a2jpa5o</a> . CDI and LONDON, the issue here is that :</p>
  <ul>
  <li>They have the same classe</li>
  <li>They are in the same div</li>
  </ul>
  <p>for London :</p>
  <pre><code>&lt;li class=&quot;sc-1qc42fc-0 kExFnG&quot;&gt;&lt;span role=&quot;img&quot; class=&quot;sc-1qc42fc-3 heity&quot;&gt;&lt;i name=&quot;location&quot; class=&quot;sc-kmATbt bGKMNx&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span class=&quot;sc-1qc42fc-2 jmExaK&quot;&gt;London&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  <p>for CDI :</p>
  <pre><code>&lt;li class=&quot;sc-1qc42fc-0 kExFnG&quot;&gt;&lt;span role=&quot;img&quot; class=&quot;sc-1qc42fc-3 heity&quot;&gt;&lt;i name=&quot;contract&quot; class=&quot;sc-kmATbt jYkMSd&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span class=&quot;sc-1qc42fc-2 jmExaK&quot;&gt;&lt;span&gt;CDI&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  <p>I can see that both html codes have one thing that this different, the &quot;i&quot;: one's name is location, the other contract, but i can't seem to find a way tu use this info in order to <strong>scrape</strong> the correct element</p>
  <p>How can i manage to do a <code>soup.find</code> that will allow me to extract bot element &quot;CDI and London&quot; ?</p>