jQuery 将类添加到<ul>最接近".pdf"链接的位置

Question

$("ul:contains('a[href$=.pdf]')").addClass("tragedy");

我做这件事有困难。我也试过这样做

$("ul").closest('a[href$=.pdf]').addClass("tragedy");

，但它没有工作。如果有人能帮助我，我将不胜感激。

HTML:

<h2>Selected Shakespeare Plays</h2>
      <ul id="selected-plays" class="clear-after">
        <li>Comedies
          <ul>
            <li><a href="/asyoulikeit/">As You Like It</a></li>
            <li>All's Well That Ends Well</li>
            <li>A Midsummer Night's Dream</li>
            <li>Twelfth Night</li>
          </ul>
        </li>
        <li>Tragedies
          <ul>
            <li><a href="hamlet.pdf">Hamlet</a></li>
            <li>Macbeth</li>
            <li>Romeo and Juliet</li>
          </ul>
        </li>
        <li>Histories
          <ul>
            <li>Henry IV (<a href="mailto:[e-mail]">email</a>)
              <ul>
                <li>Part I</li>
                <li>Part II</li>
              </ul>
            </li>
            <li><a href="http://www.shakespeare.co.uk/henryv.htm">Henry V</a></li>
            <li>Richard II</li>
          </ul>
        </li>
      </ul>

Answer 1

您希望将类添加到<ul>而不是链接本身;颠倒顺序:

$('a[href$=".pdf"]').closest('ul').addClass("tragedy");