如何使用 jQuery 将 target=”_blank” 添加到链接？

给定 DIV 元素内的锚标记，任务是将 target=”_blank” 添加到锚元素。下面讨论了两种方法来解决这个问题：

方法一：

• 选择锚元素的外部 DIV 元素。
• 使用.attr() 方法将目标属性设置为锚元素的“_blank” 。

如何检查字符串中任何元素的所有属性：

• 首先选择元素。
• 使用.attributes 方法来访问元素的每个属性。
• 使用字符串连接将每个属性及其值附加到字符串。

示例：此示例实现了上述方法。

html

 
 
  
 
     
        How to add target="_blank"
        to a link using jQuery ?
    
      
    
    
 
  
 
      
     
        GeeksForGeeks 
    
      
    
    
      
    
        
            THIS IS LINK
        
    
    
      
     
        Click Here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = 'Click on the button to add'
                    + ' target="_blank" to the link.';
      
        // This function only returns all attribute
        // properties of DOM element as a string and
        // has nothing to do with the target property
        function getAttr() {
            var elmt = document.getElementById("a");
      
            // Adding the every attribute to the string.
            for (var i = 0, attr = elmt.attributes,
            n = attr.length, str = ""; i < n; i++) {
                str = str + attr[i].nodeName + "='"
                    + attr[i].nodeValue + "'<br>";
            }
              
            // Returns the string of attributes
            return str;
        }
          
        el_down.innerHTML = getAttr();
          
        function gfg_Run() {
              
            // Set the target property to '_blank'.
            $('#outer a').attr('target', '_blank');
            el_down.innerHTML = getAttr();
        } 
     
 
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法二：

• 首先分别在document.getElementByID() 和 document.getElementsByTagName() 方法的帮助下选择外部 DIV 和内部锚元素。
• 使用.setAttribute('target', '_blank') 方法设置目标属性。

如何将任何元素的所有属性视为字符串：

• 首先选择元素。
• 使用.attributes 方法来访问元素的每个属性。
• 使用字符串连接将每个属性及其值附加到字符串。

示例：此示例实现了上述方法。

html

 
 
  
 
     
        How to add target="_blank"
        to a link using jQuery ?
    
 
  
 
      
     
        GeeksForGeeks 
    
      
    
    
      
    
        
            THIS IS LINK
        
    
    
      
     
        Click Here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = 'Click on the button to add'
                    + ' target="_blank" to the link.';
          
        // This function returns all attribute properties
        // of DOM element as a string and has nothing
        // to do with the target property
        function getAttr() {
            var elmt = document.getElementById("a");
              
            for (var i=0, attr=elmt.attributes,
            n=attr.length, str = ""; i<n; i++){
                str = str + attr[i].nodeName + "='"
                    + attr[i].nodeValue + "'<br>";
            }
            return str;
        }
        el_down.innerHTML = getAttr();
          
        function gfg_Run() {
              
            // Getting the anchor element inside the outer DIV.
            var el = document.getElementById('outer')
                    .getElementsByTagName('a');
              
            for (var i = 0; i < el.length; i++){
                  
                // Set the target property of every anchor
                // element inside the outer DIV
                el[i].setAttribute('target', '_blank');
            }
            el_down.innerHTML = getAttr();
        } 
     
 
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：