Question

我想知道是否有一种方法可以计算用户在没有ID或类的<img>标记之前上传的<hr>标记。

到目前为止，这是我的代码：

var num = $('#content img').length;
alert(num);

<div id="content">
    <!--The number of the "empty" paragraphs changes if users add more paragraphs-->
    <p></p>
    <p></p>
    <!--These are the images I look for-->
    <p>
       <img src="image.jpg">
       <img src="image2.jpg">
    </p>
    <hr>
    <p>
       <img src="image3.jpg">
    </p>
    <p></p>
</div>

Answer 1

现在对你好DOM，它会是：

$('#content').find('hr').prev('p').find('img').length

Answer 2

$('#content').find('hr').prev('p:not([id]):not[class]').find('img').length

Answer 3

以下是使用基于DOM的Javascript的可能解决方案

function getImageCount() {
    var content = document.getElementById("content"),
        num = 0,
        hrs;

    if (content) {
        hrs = content.getElementsByTagName("hr");
        if (hrs && hrs.length) {
            num = hrs[0].previousElementSibling.children.length;
        }
    }

    return num;
}

alert(getImageCount());

在jsfiddle

上

在没有id或类</p>的<p>中计算<img/>

3 个答案: