Jquery 从元标记中获取或检索数据

Jquery to get or retrieve data from meta tags

元标记未命名。我无法获取其内容信息

我已经尝试使用带有名称、描述的元标记,并且成功了。我试图在不指定名称和描述的情况下调用所有元数据。但是由于元数据很多,很难找到我正在搜索的数据。我需要使用 'itemprop'.

进行过滤
<meta itemprop="url" content="https://examples.com/">
var desc = $('meta').attr('content', 'value');
console.log(desc);
//This returned all metas with attr content
// I wish to filter meta which has itemprop and its value is url

输出:- https://examples.com/

您可以循环遍历它们并检查 itemprop,示例:

$('meta').each(function() {
  if ($(this).attr('itemprop') == "url") {
      console.log($(this).attr("content"));
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta itemprop="not found" content="https://examples.com/">
<meta itemprop="url" content="https://examples.com/">
<meta itemprop="test" content="https://examples.com/">

或者您可以使用属性过滤器:

console.log($("meta[itemprop='url']").attr("content"))
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta itemprop="not found" content="https://examples.com/">
<meta itemprop="url" content="https://examples.com/">
<meta itemprop="test" content="https://examples.com/">

情况下使用以下方法
  • 设置属性值:$('meta').attr('content', 'value');
  • 获取属性值:$('meta[name="description"]').attr('content');
  • 根据属性进行过滤(如果元标记中存在 itemp 属性):$('meta[itemprop]')

enter image description here

感谢阅读