jQuery addClass zu einem Kind-element

Habe ich die übliche ungeordnete Liste für die navigation im Menü mit Untermenüs...

html:

<ul>
  <li><a href="#">Link 1</a></li>
  <li>
    <a href="#">Link with submenu</a>
    <ul>
      <li><a href="#">Sublink 1</a></li>
    </ul>
   </li>
</ul>

Alle links innerhalb des übergeordneten <li> haben einen border-radius. Aber wenn die Eltern <li> hat ein Kind <ul>, ich möchte nicht den link an einen radius.

Ich bin derzeit mit diesem jQuery:

<script>
  $("li").has("ul").addClass("sub-radius");
</script>

Es funktioniert gut, außer es richtet sich <li>, aber ich brauche Sie zum Ziel das Kind <a> und entfernen Sie den radius ein.

Jede mögliche Hilfe würde geschätzt.

InformationsquelleAutor scferg5 | 2011-10-28

  1. 7

    Versuchen Sie folgenden Ausdruck:

    $("li:has(ul) > a").addClass("sub-radius");

    Edit: Wenn Sie nicht möchten, dass die sub-Elemente border-Radien, entfernen Sie die > in der Abfrage.

    Funktionierte perfekt. Danke Euch allen für die schnellen und tollen Antworten!

    InformationsquelleAutor Ry-

  2. 5

    Brauchen Sie nicht, jQuery hier, kann man erreichen, das mit CSS allein. Verwenden Sie einfach die :only-child pseudo-Klasse:

    a:only-child { /* define border-radius here */ }

    Live-demo: http://jsfiddle.net/QYaqb/

    InformationsquelleAutor Šime Vidas

  3. 2

    Sollte diese Arbeit für Ihre HTML -

    ("li").has("ul").children("a").addClass("sub-radius");

    InformationsquelleAutor jdross

  4. 1

    Ich denke, Sie wollen .find:

    <script>
  $("li:has(ul)").find("a").addClass("sub-radius");
</script>

    InformationsquelleAutor Alex Peattie

  5. 0

    müssen Sie nur finden die einen in den li:

    $("li").has("ul").find('a').addClass("sub-radius");

    hier ist ein Turnschuh:
    http://jsfiddle.net/cBfMV/

    InformationsquelleAutor Patricia

Schreibe einen Kommentar