如何将.outerHTML转换为.text（）

Question

我想将item.outerHTML转换为.text()，实际上我想将html转换为文本，现在该怎么办？

$(imgAttr).each(function(index,item) {
 var valImg = $(item).attr("alt");
 if (typeof valImg == typeof undefined || valImg == "") {           
     $(".url-res").append(item.outerHTML.text());
 }

}）;

Answer 1

使用jQuery生成一个带有outerhtml的div作为html属性，然后对该对象使用text()。

$('.ele').each(function(index, item) {
  var valImg = $(item).attr("alt");
  if (typeof valImg == "undefined" || valImg == "") {
    // -------------------^------ you can use "undefined` here
    $(".url-res").append($('<div/>', {
      html: item.outerHTML
    }).text());
  }
});

或者您可以使用outerText属性

$('.ele').each(function(index, item) {
  var valImg = $(item).attr("alt");
  if (typeof valImg == "undefined" || valImg == "") {
    // -------------------^------ you can use "undefined` here
    $(".url-res").append(item.outerText).text());
  }
});

Answer 2

我认为如果条件不满意，请尝试以下

$(imgAttr).each(function(index,item) {
 var valImg = $(item).attr("alt");
 if (typeof valImg ==='undefined' || valImg == "") {           
     $(".url-res").append(item.outerHTML.text());
 }
});