如何使用jQuery选择某些文本节点？

Question

I'm trying to get some data from a website using ajax.

This is my code with an ajax POST methode:

$(data).find('.col-md-9 .panel:lt(5)').each(function () { console.log($(this).find('.panel-body .sp-card td:eq(1) center ').text());

console:

Mc-Wars Network IP: mc-wars.org Vote - Server info Website

I just want to get the first line : Mc-Wars Network

Please help!

Here is an image of the html code Im scraping.

Here is an image of the console after scraping. (I just need the first line.

This is code from the website Im scraping:

<div onclick="location.href='//www.serverpact.com/vote-20129 ';" class="panel panel-default sp-plane">
                        <div class="ribbon ribbon-small ribbon-blue">
                            <div class="banner">
                                <div style="font-size: 14px;text-align: center;" class="text">#1</div>
                            </div>
                        </div>
                        <div style="padding: 5px;" class="panel-body">
                            <table class="sp-card">
                                <tbody><tr>
                                    <td style="font-weight: bold;vertical-align: middle;"><center><i class="fa fa-thumbs-up"></i><br>8384<br><br>#1</center></td>
                                    <td style="font-weight: bold;vertical-align: middle;">
                                        <center>
                                        Mc-Wars Network<br>
                                        <b>IP: mc-wars.org<br>
                                        <a style="margin-top: 5px;" class="btn btn-primary btn-sm" href="//www.serverpact.com/vote-20129 ">Vote - Server info</a> 
                                        <a style="margin-top: 5px;" class="btn btn-success btn-sm" href="http://mc-wars.org">Website</a>
                                        </b></center>
                                    </td>
                                    <td width="500px" class="hidden-xs">
                                    <a href="http://mc-wars.org" target="_blank"><img style="margin-top: 7px;margin-bottom: 3px;border-radius: 4px;" src="http://www.serverpact.com/b/20129.gif" alt="Mc-Wars Network" class="img-responsive hidden-xs"></a>
                                        <span style="font-size: 13px;">
                                            McWars is a minecraft pvp based server where you will have to build a fortress for your team and destroy the other teams base to win. With more than 10 different classes to choose, youll love it.
                                        </span>            
                                    </td>
                                </tr>
                            </tbody></table>
                        </div>
                    </div>

Answer 1

Probably text() combines all child text nodes.

What you need is probably to retrieve the text nodes as nodes then get their content. See this post for an example.

Answer 2

Here's a snippet where I navigate the child nodes of the center in the td to the proper text node. Note that whitespace creates a child node, so for example before the center node theres a whitespace only text node (that doesn't matter in this case but it's something you should be aware of).

 document.write('here you go:' + $('#firstDiv td:nth-child(2) center')[0].childNodes[0].textContent) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="firstDiv"> <table id="coolTable"> <tbody> <tr> <td> </td> <td> <center> The text I need! <br> <b> The text I dont need! </b> </center> </td> </tr> </tbody> </table> </div> 

See also: MDN: Whitespace in the DOM

Answer 3

There is a way to do that:

$(data).find('#firstDiv #coolTable').each(function () {
console.log($.trim($(this).find('tbody tr td:eq(1) center').contents()[0].nodeValue))});

Answer 4

Ok, your question have changed a lot!
Add at the end of your .text() which will do the job:

.match(/[^\n]+/g)[0]

Note that all lines can be caught by changing the index, where "0" is the first line, "1" the second and successively.