Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 为具有相同类的元素的子级绑定事件_Jquery - Fatal编程技术网

Jquery 为具有相同类的元素的子级绑定事件

Jquery 为具有相同类的元素的子级绑定事件,jquery,Jquery,我想为我正在使用的特定类的所有秒元素绑定一个点击事件 $("ul.message-list-row > li:eq(1) > div").click(function(){...}); 不幸的是,它不起作用。我也试过同样的方法,但没有“>”但是运气不好 我的代码中有7个相同的UL。所以 console.log($("ul.message-list-row").length); 返回7,但是 console.log($("ul.message-list-row > li:eq

我想为我正在使用的特定类的所有秒元素绑定一个点击事件

$("ul.message-list-row > li:eq(1) > div").click(function(){...});
不幸的是,它不起作用。我也试过同样的方法,但没有“>”但是运气不好

我的代码中有7个相同的UL。所以

console.log($("ul.message-list-row").length);
返回7,但是

console.log($("ul.message-list-row > li:eq(1)").length);
返回1。不也应该是7岁吗?错在哪里

顺便说一句,我正在下面的标记上试用它

<ul class="message-list-row rounded-corners">
    <li>
        <img src="Public/CSS/Images/sample-app-icon-02.png" alt="" title="" />
        <span class="app-name">AppName</span>
        <span class="version">V3.1</span>
        <div class="apple">OS V. - 5.04</div>
    </li>
    <li>
        <div>
            <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna.</span>
        </div>
    </li>
    <li>
        <div class="progress-bar" title="70"></div>
        <span>%70</span>
    </li>
    <li class="number">7643</li>
    <li class="completed">&nbsp;</li>
    <li>&nbsp;</li>
    <li>
        <ul>
            <li>Language:</li>
            <li>
                <img src="Public/CSS/Images/flag-uk.png" alt="" title="" />
                English
            </li>

            <li>Operator:</li>
            <li>Operator</li>

            <li>Country:</li>
            <li>
                <img src="Public/CSS/Images/flag-tr.png" alt="" title="" />
                Country
            </li>

            <li>Badge:</li>
            <li>Clean</li>
        </ul>
    </li>
</ul>


<ul class="message-list-row rounded-corners">
    <li>
        <img src="Public/CSS/Images/sample-app-icon-03.png" alt="" title="" />
        <span class="app-name">AppName</span>
        <span class="version">V3.1</span>
        <div class="apple">OS V. - 5.04</div>
    </li>
    <li>
        <div>
            <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna.</span>
        </div>
    <li>
        <div class="progress-bar" title="0"></div>
        <span>%0</span>
    </li>
    <li class="date">00:22:58</li>
    <li class="waiting">&nbsp;</li>
    <li>
        <a class="settings-button" href=""></a>
        <a class="approve-button action-button" href=""></a>
        <a class="cancel-button action-button" href=""></a>
    </li>
    <li>
        <ul>
            <li>Language:</li>
            <li>
                <img src="Public/CSS/Images/flag-uk.png" alt="" title="" />
                English
            </li>

            <li>Operator:</li>
            <li>Operator</li>

            <li>Country:</li>
            <li>
                <img src="Public/CSS/Images/flag-tr.png" alt="" title="" />
                Country
            </li>

            <li>Badge:</li>
            <li>Clean</li>
        </ul>
    </li>
</ul>
  • AppName V3.1 OS V-5.04
  • 在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。精英自由主义者,法雷特拉·奥古斯。这是一个非常重要的问题,因为它是一个非常重要的问题。精英自由主义者,法雷特拉·奥古斯。这是一种非大型的植物。
  • %70
  • 7643
    • 语言:
    • 英语
    • 接线员:
    • 接线员
    • 国家:
    • 国家
    • 徽章:
    • 干净的
  • AppName V3.1 OS V-5.04
  • 在奥古斯·劳里特·鲁图姆·福西布斯·多洛尔·奥克托的带领下,人马过着幸福的生活。精英自由主义者,法雷特拉·奥古斯。这是一个非常重要的问题,因为它是一个非常重要的问题。精英自由主义者,法雷特拉·奥古斯。这是一种非大型的植物。
  • %0
  • 00:22:58
    • 语言:
    • 英语
    • 接线员:
    • 接线员
    • 国家:
    • 国家
    • 徽章:
    • 干净的
:eq()
不像您想象的那样工作。使用而不是

:nth child
选择器获取jQuery集中的每个元素,这些元素是其父元素的第n个子元素。
:eq
选择器在jQuery集中只获取一个元素,即“n”(0索引)元素


尝试使用空格代替
谢谢您的建议,但在这种情况下这与此无关。谢谢。这就是我要找的。