如何使用 jQuery 在粗体标记中获取值？

在本文中，我们将学习使用 jQuery 在粗体标签中获取值。

方法：如果我们想获取粗体标签内的值，我们可以使用jQuery选择标签。我们可以使用 jQuery text()函数来获取粗体标签的值。如果我们想获取所有粗体标签的值，那么我们可以使用each()循环，它将一一选择所有粗体标签。

脚步：

• 创建一些 HTML 粗体标签。
• 创建一个 jQuery函数以获取粗体标签内的值。
• 向用户展示价值。

示例 1：此示例具有三个粗体标记。当我们单击按钮时，它将使用 jQuery 方法获取所有粗体标记的值。

HTML

  
    
    
    
  
  
    GeeksforGeeks
    This is first bold tag 
    This is second bold tag
    This is third bold tag
  
    Click here
    
  
    
      $(document).ready(function () {
        $("button").click(function () {
          var count = 0;
          var res = "";
          $("b").each(function () {
            var x =
              "value of index " +
              count +
              ", bold tag is: '" +
              $(this).text() +
              "'<br>";
            res = res + " " + x;
            count++;
          });
          $("#output").html(res);
        });
      });
    
  

输出：

示例 2：此示例具有三个粗体标记，并且在每个标记中都有一个强词。当我们单击按钮时，jQuery函数会获取每个粗体标记中的值，并在 HTML div 中显示附加文本。

HTML

    
    
    
      
  

    $(document).ready(function(){
        $('#btnID').click(function() {
        var text = "";
        $("b").each(function() {
        text += $(this).text();
        text+=" ";
        });
        $("#showResult").text(text);
      });
    });     
  



    GeeksforGeeks
    Welcome 
    to 
    GeeksforGeeks
      
    
    
        
  

输出：