hot to remove a dd-element if the dt-element in a definition list has a specific css-property?

hot to remove a dd-element if the dt-element in a definition list has a specific css-property?

i have got about 50 definition lists on one html-page witch all look linke this:
  1. <dl>
  2.   <dt class="title">aaa</dt>
  3.   <dd class="subtitle">bbb</dd>
  4.   <dd class="city">ccc</dd>
  5.   <dd class="email">ddd</dd>
  6.   <dd class="website">eee</dd>
  7.   <dd class="description">fff</dd>
  8. </dl>
if the dt-element in one of the definition lists has a specific css-property (e.g. length > 100px) then the dd-element with the css-class "subtitle" in the same definition list should be removed.

how can i do this with jquery?