如何在内部选择img<；a>；用jQuery标记？

html的外观如下所示：

            <ul id="nav">
            <li>
                <a class="parent">First Level<img class="right" src="gfx/arrow-news-slider-title.png"></a>

                <ul class="light">
                    <li class="full">
                        <a href="">Second Level</a>
                    </li>
                    <li class="full">
                        <a href="">Third Level</a>
                    </li>
                    <li class="full">
                        <a href="">...</a>
                    </li>
                </ul>
            </li>

---

目前，你可以通过点击li标签中的任意位置打开所有“第一级”，但我只想在点击箭头图像时打开它们。有人知道怎么做吗？

像这样简单的方法就行了

 <script>
    $(document).ready(function(){
       $("a#YourLink img").event();
    });
</script>

$（文档）.ready（函数（）{
$（“a#YourLink img”）.event（）；
});

当然，更改

$li.children（'a:first child'）

以图像为目标…当然，但我不知道如何选择正确的目标。如果我只是将img放入parantheses中，它就不起作用了在现有选择器之后添加

“img”

（不带引号）以将图像定位到已选择的锚点内。jquery选择器几乎与css相同。它不起作用，对不起！：（马克的回答有一个我建议的例子。你可以留下a：第一个孩子，只需添加img部分。

 <script>
    $(document).ready(function(){
       $("a#YourLink img").event();
    });
</script>