javascript - Find specific text in a paragraph by line - Stack Overflow

admin管理员组

文章数量:1391951

Sorry if the question is worded weird but here is what I'm trying to do. I have to gather a specific line of info from a webpage. What I am having trouble with is I can not figure out the right selector to use, eq() is not working . Here is the source from the page I'm trying to get the info from.

<div class="info" id="Data">
Domain Name: example
<br>
Registry: 12345
<br>

When I inspect element I get div#Data.info (text) I have tried $('div#info.Data').eq(1).text() and a few other binations. I an new to scripting and the (text) part is what is I think is throwing me off.

Sorry if the question is worded weird but here is what I'm trying to do. I have to gather a specific line of info from a webpage. What I am having trouble with is I can not figure out the right selector to use, eq() is not working . Here is the source from the page I'm trying to get the info from.

<div class="info" id="Data">
Domain Name: example.
<br>
Registry: 12345
<br>

When I inspect element I get div#Data.info (text) I have tried $('div#info.Data').eq(1).text() and a few other binations. I an new to scripting and the (text) part is what is I think is throwing me off.

• javascript
• jquery

Share Improve this question Follow edited Nov 25, 2015 at 15:21 Kevin h asked Nov 25, 2015 at 15:01 Kevin hKevin h 8799 bronze badges 5

• Are you able to return all of the text in that div? If so, you may want to use .html() instead of .text(). This way you can then us .split() with the <br>s. You'd probably say var line_1 = $('div#info').html().split('<br>')[0] – ntgCleaner Commented Nov 25, 2015 at 15:05
• To clarify, you want to retrieve the first line of an element using jQuery / JS? Is it possible you create paragraphs instead of separating them with line breaks? – Jonathan Lam Commented Nov 25, 2015 at 15:05
• You may try like this, var x= $("div#Data").text().split("\n"). x will contain array of lines from that div. – Vara Prasad Commented Nov 25, 2015 at 15:13
• you have your id/classes reversed. it's div#Data.info, not the other way around. – Marc B Commented Nov 25, 2015 at 15:14
• If i use $('div#info.Data').text(); it returns the plete paragraph. I Had tried .split but it looks like i was using it incorrectly I tried .split('br'). What you said with the .html().split('<br>') worked. I'm just learning this and I appreciate the help. Thanks – Kevin h Commented Nov 25, 2015 at 15:20

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Let's look at your jQuery:

$('div#info.Data') // Gets <div> with id="info" and class="Data"
                   // ^ You have id and class reversed!
.eq(1)             // This gets the 2nd element in the array
                   // ^ You only tried to get 1 element. What is the 2nd?
.text()            // Returns bined text of selected elements

Also there's another issue. Your text is not in its own element. In order to get the textnodes in your current element, you could call .contents(). jQuery does not treat text nodes like regular elements, though, so I would be careful doing any additional operations on them.

You can retrieve the text like such:

$("#Data").contents().eq(0).text() // -> 'Domain Name: example.'
$("#Data").contents().eq(2).text() // -> 'Registry: 12345'

Fiddle

First of all, you have you're id and class the wrong way round but this is a simple fix.

An alternative to your solution is to grab all the content, split it out into an array and then clean the empty strings caused by the new lines and <br /> tags.

This can then be used in any matter you like.

$(document).ready(function() {
  var content = $('div#Data.info').eq(0).text();
  var lines = content.split("\n").filter(Boolean)
  console.log(lines);
});

<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="info" id="Data">
Domain Name: example.
<br>
Registry: 12345
<br>
</div>

本文标签： javascriptFind specific text in a paragraph by lineStack Overflow