如何在 JavaScript 或 jQuery 中通過類名獲取值？

Question

我想使用類名檢索此代碼的所有值。 在 jQuery 中可能嗎？ 我只想檢索 div 中的文本或 div 的數量可能會更改下一個表單。

  <span class="HOEnZb adL">
    <font color="#888888">
    </br>
    <div>
      <i><font color="#3d85c6" style="background-color:#EEE"></i>
    </div>
    <div>
       **ZERONEBYTE Software** |  
       <a target="_blank" href="http://www.example.com">
       **www.zeronebyte.com**
       </a>
       <a target="_blank" href="mailto:info@example.com">
       **info@zeronebyte.com**
       </a>
       </br>
    </div>
    <div>
     <div>
      <div>
        **+91-9166769666** | 
        <a target="_blank" href="**mailto:deepika.zeronebyte@example.com**"></a>
      </div>
     </div>
    </div>
   </font>
  </span>

Answer 1

如果您獲得元素內的文本，請使用

文本（）

$(".element-classname").text();

在您的代碼中：

$('.HOEnZb').text();

如果您想獲取包括 html 標簽在內的所有數據，請使用：

html()

 $(".element-classname").html();

在您的代碼中：

$('.HOEnZb').html();

希望能幫助到你：）

Answer 2

嘗試這個：

$(document).ready(function(){
    var yourArray = [];
    $("span.HOEnZb").find("div").each(function(){
        if(($.trim($(this).text()).length>0)){
         yourArray.push($(this).text());
        }
    });
});

演示

Answer 3

沒有 jQuery：

文字內容：

var text = document.querySelector('.someClassname').textContent;

標記：

var text = document.querySelector('.someClassname').innerHTML;

包含匹配元素的標記：

var text = document.querySelector('.someClassname').outerHTML;

盡管並非所有感興趣的瀏覽器都支持externalHTML ，並且document.querySelector需要 IE 8 或更高版本。