Javascript Jquery onclick查找div中的任何内容

我知道这很容易，而且我可能遗漏了一些非常明显的东西，但事情就是这样

我有一个

，里面有一堆东西

我已经设置了jquery，以便在单击

时为其分配一个类名，但它不起作用

$(document).ready(function() {
    $('#list').click(function(event) {
        event.stopPropagation();
        $(this).addClass('left');
    });
});

但是，如果

比其中的内容更宽，并且我单击没有内容的地方，它就可以工作

这是HTML

 <ul id="list">
        <li>
          <a href="#" class="pos1">
            <span class="ei_preview"></span>
            <span class="ei_image"></span>
          </a>
          <div class="ei_descr">
            <h2>Name</h2>
            <h3>Last Name</h3>
            <p>
           Herp derp derp, hurr durr
            </p>
            <p>
           Herp derp derp, hurr durr
            </p>
          </div>
        </li>
        <li>
          <a href="#" class="pos2">
            <span class="ei_preview"></span>
            <span class="ei_image"></span>
          </a>
          <div class="ei_descr">
            <h2>Name</h2>
            <h3>Last name</h3>
            <p>
           Herp derp derp, hurr durr
            </p>
            <p>
            Herp derp derp, hurr durr
            </p>
          </div>

        </li>
</ul>

名称
姓

好的，好的，好的


好的，好的，好的



名称
姓

好的，好的，好的


好的，好的，好的

编辑： 查看CSS后，当我单击一个

时，它对

不起作用，因为

设置为

位置：相对。您知道如何在不删除position属性的情况下克服此问题吗

CSS应要求：

.left
是我想要分配给
的类。如果没有html，很难调试javascript

查看java脚本，当单击id为“list”的元素时，函数将触发

您的ul标签是否具有属性id=“列表”

如果要单击任何ul标记触发事件，请将jquery中的第2行更改为以下内容：

...
$('ul').click(function(event) {
...

另外，我不确定你为什么需要下面的代码，它看起来是多余的

event.stopPropagation();

你看起来很好。问题可能在于css。尝试使用您正在添加的类编写HTML，并检查ul是否具有所需的样式。一旦它具有所需的css样式，然后再次尝试使用jquery。
在那里，添加了标记，并
event.stopPropagation（）是否存在只是因为我试图修复此问题。请检查css并删除事件。StoppRopagation我编辑了OP，请检查。我找到了问题的根源，但不知道如何解决它。我没有和你一样的问题：与我一起工作很好。您是否检查了整个javascript的错误？我建议使用firefox，然后查看错误控制台，检查页面上其他地方是否存在导致一切失败的javascript错误。我发现了问题。当我点击
标签时，它就不起作用了，因为它们是绝对定位的。我只需要找到一种不移除定位的方法来解决这个问题。我认为你的问题在于ULC的CSS，为什么你说它不工作？代码在这里运行良好：