如何在JavaScript或jquery中按类名获取值?

时间:2014-02-25 04:45:31

标签: javascript jquery

我想使用类名检索此代码的所有值..是否可以在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.zeronebyte.com">
       **www.zeronebyte.com**
       </a>
       <a target="_blank" href="mailto:info@zeronebyte.com">
       **info@zeronebyte.com**
       </a>
       </br>
    </div>
    <div>
     <div>
      <div>
        **+91-9166769666** | 
        <a target="_blank" href="**mailto:deepika.zeronebyte@gmail.com**"></a>
      </div>
     </div>
    </div>
   </font>
  </span>

3 个答案:

答案 0 :(得分:19)

如果你得到了元素中的文字,请使用

Text()

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

在您的代码中:

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

如果你想获得所有数据,包括html标签使用:

html()

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

在您的代码中:

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

希望有所帮助:)

答案 1 :(得分:3)

试试这个:

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

DEMO

答案 2 :(得分:2)

没有jQuery:

的textContent:

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

标记:

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

标记包括匹配的元素:

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

虽然所有感兴趣的浏览器可能不支持 outerHTML ,但 document.querySelector 需要IE 8或更高版本。