如何使用 jQuery 查找具有 hreflang 属性的所有链接？

在本文中，我们将学习查找所有带有hreflang属性的链接。 hreflang是一个属性，它告诉搜索引擎您网站上不同语言的页面之间的关系。

您可以通过以下三种方式使用此属性。

• 作为页面 HTML 头中的链接 ()。
• 在 HTTP 标头中（示例 PDF）
• 在 XML 站点地图上

您可以使用attributeContainsPrefix选择器在页面上找到所有带有 hreflang 属性的链接。

attributeContainsPrefix选择器：此选择器用于选择具有指定属性的元素，该属性的值等于给定的字符串或以该字符串开头。

句法：

jQuery( "[attribute|='value']" )

$( "a[hreflang|='en']" ) 

示例 1：在以下示例中，我们首先找到hreflang ，然后使用 CSS 属性将其突出显示。值为 ‘en’ 的hreflang属性用红色虚线边框突出显示。

HTML

  
  
  a {
    display: inline-block;
  }
  
  
  


  GeeksforGeeks
  GFG
  
     Computer Science
  
  
     will not be outlined
  
   
  
    $( "a[hreflang|='en']" )
    .css( "border", "3px dotted red" );
  
   

输出：

href lang = en

示例 2：

HTML

  
  
  a {
    display: inline-block;
  }
  
  


  GeeksforGeeks
  Database
  
    Computer Networks
  
  
    will not be outlined
  
   
  
    $( "a[hreflang|='en']" )
    .css( "border", "3px solid green" );
  
   

输出：

hreflag=zh-CN image2