How to get sibling text after element using jquery?

余生颓废 提交于 2019-12-10 22:48:07

问题


I am trying to get value after the bold close tag using html dom. can anybody know how to get these values using dom 8/14/15, 7333, MULTIPURPOSE, RAILROADED etc. I can get values in bold tag but how i get after the bold tag text.

<div>       
   <b>Intro Date:</b> 8/14/15               
   <br><b>SKU#:</b> 7333                
   <br><b>Use:</b> MULTIPURPOSE             
   <br><b>Direction:</b> RAILROADED             
   <br><b>Width:</b> 54"                
   <br><b>Horiz Repeat:</b> 6.75                
   <br><b>Vert Repeat:</b> 0.0      
</div>

回答1:


Use javascript nextSibling property to getting text sibling after element.

$("b").each(function(){
    console.log(this.nextSibling.nodeValue.trim());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>       
   <b>Intro Date:</b> 8/14/15               
   <br><b>SKU#:</b> 7333                
   <br><b>Use:</b> MULTIPURPOSE             
   <br><b>Direction:</b> RAILROADED             
   <br><b>Width:</b> 54"                
   <br><b>Horiz Repeat:</b> 6.75                
   <br><b>Vert Repeat:</b> 0.0      
</div>


来源:https://stackoverflow.com/questions/39412593/how-to-get-sibling-text-after-element-using-jquery

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!