javascript - 计数在一个没有 id 或类

Question

我想知道是否有一种方法可以在没有 id 或 class(es) <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

这是基于您的 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 上

Answer 3

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