如何使用jquery获取元素之后的兄弟文本?

时间:2016-09-09 13:23:28

标签: javascript jquery html dom siblings

我试图在使用html dom的粗体关闭标记后获取值。任何人都可以知道如何使用dom 8/14/157333MULTIPURPOSERAILROADED等来获取这些值。我可以用粗体标记获取值,但是我如何获得粗体标记文本。

<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 个答案:

答案 0 :(得分:4)

使用javascript nextSibling属性获取元素之后的文本兄弟。

$("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>