Question

<div>
    <div id ="container">
       <div>
           <img src="some src>
       </div>
       <p>get this text</p>
       <h>hello</h>
     </div>
</div>

我想要一个主div内的图像总数，并想要提取除图像标签以外的html标签。
输出：
否。 of images = 1
strings = <p>get this text</p><h>hello</h>

请给我一个演示

Answer 1

试试这个

$('#container').find('img').length

Answer 2

$("#container img").length - 适用于img代码计数

为每个提取字符串，

$("#container").find("p, h").not("div").each(function() {
    console.log($(this).get(0)); //Object
});

注意：您正在使用一些奇怪的 ~~<h>~~ 元素，这是一个无效的HTML标记，我认为它是<h1>或其他一些标题元素。

Answer 3

DEMO：http://jsbin.com/nosin/5/edit

JS：

var a = $('#container').find('img').length;

console.log('No. of images =' + a);

var b = $('#container').find('h1, h2, h3, h4, h5, h6, p');
var c = '';

for(var i = 0; i < b.length; i++) {
  c += b[i].outerHTML;
}

console.log('strings=' + c);

HTML：

<div>
  <div id ="container">
     <div>
       <img src="some src"/>
     </div>
     <p>get this text</p>
     <h1>hello</h1>
   </div>
</div>

输出：

"No. of images =1"
"strings=<p>get this text</p><h1>hello</h1>"

Answer 4

请检查一下这对你有帮助。

$(document).on("click", "#container", function(){
    var img = $(this).find("img"), // select images inside container
        len = img.length; // check if they exist
    if( len > 0 ){
        // images found, get id
        var attrID = img.first().attr("src"); // get src attr of first image
    } else {
        // images not found
    }
});
//For multiple images
var arr = []; // create array
if( len > 0 ){
    // images found, get src
    img.each(function(){ // run this for each image
        arr.push( $(this).attr("src") ); // push each image's src to the array
    });
} else {
    // images not found
}

Answer 5

   Try this :

   <script type="text/javascript">
   $(document).ready(function(){
    var no_of_img = jQuery('#container img').length;
    $("#container").find("*").each(function() {
      var obj = $(this).get(0); //Object
      if($(obj).find("img").length > 0 || $(obj).is("img")){

      }else{
        console.log($(obj).get(0));
      }
    });
   });
  </script>

选择div内的图像

5 个答案: