你可以使用jquery來查看目標是否包含標簽？

Question

所以，我有這樣的事情。

 var $list = $("div#item");

我在看：包含在選擇器中，但我不確定是否應用於標記或我是否應該執行以下操作：

 if($list.find("<b>"))return 1;
 else return 0;

推理：為使用內聯標記的程序添加功能，並希望維護結構。

目標：if（項目包含內聯b，u，i標簽）返回1; 否則返回0;

Answer 1

您可以將其簡化為單個選擇器.find("b,i,u")並返回布爾比較length > 0 。 如果在#item中找到任何標簽<b><i><u> ，則總長度將> 0 ：

return $("#item").find("b,i,u").length > 0;

概念證明

編輯 ：如果你真的想要一個number零或一個后面而不是boolean ，使用三元組：

return $("#item").find("b,i,u").length > 0 ? 1 : 0;

Answer 2

return document.querySelector("#item b, #item u, #item i") ? 1 : 0;

不需要jQuery。

如果您需要支持IE7及更早版本的瀏覽器，請嘗試以下方法：

var elem = document.getElementById('item');
return elem.getElementsByTagName('b').length
     + elem.getElementsByTagName('i').length
     + elem.getElementsByTagName('u').length == 0 ? 0 : 1;

Answer 3

也許使用.has()方法。

$('li').has('ul')

jquery有

Answer 4

你也可以用.has（）函數做到這一點

Answer 5

我不確定它是最有效的，但我會使用.find 。

function hasInline(targetElement) { 
  return ($(targetElement).find('b,u,i').length > 0); 
}

我還建議擴展該功能，以便您可以指定要檢查的內聯標簽，如下所示：

// NOTE: This will return true if the element has ANY of the tags provided.
function hasInlineTags(targetElement, listOfTags) { 
  return ($(targetElement).find(listOfTags.join(',')).length > 0); 
}

// Call it with whatever tags you want.
hasInlineTags($("div#item"), ['b','u','i']);

Answer 6

如果你正在使用jQuery：

var styleElements = $('b,u,i', $list)

采用：

return (styleElements.length) ? 1 : 0;