Question

我有这个div

<div class="address"><p>Test User<br>I. zone<br>Test street<br>3<br>11012</p></div>

我可以在jQuery中选择这样的文本

var fulline = $("div.address>p").text();

或

var fulline = $("div.address>p").html();

我的问题是如何分割这一行来获得这样的字符串：

予。区测试街3 11012

Answer 1

您可以使用：fulline.split("<br>").slice(1).join(" ")

<强>演示

＆＃13;

var fulline = $("div.address > p").html();

console.log(fulline.split("<br>").slice(1).join(" "))

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="address">
  <p>Test User<br>I. zone<br>Test street<br>3<br>11012</p>
</div>

＆＃13;

Answer 2

或者，您可以使用shift和join

var html = document.querySelector( ".address p" ).innerHTML;

var tmpItems = html.split( "<br>" );
tmpItems.shift();

console.log( tmpItems.join(" ") );

<强>演示

var html = document.querySelector( ".address p" ).innerHTML;

var tmpItems = html.split( "<br>" );
tmpItems.shift();

console.log( tmpItems.join(" ") );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="address"><p>Test User<br>I. zone<br>Test street<br>3<br>11012</p></div>

Answer 3

你可以用它。阅读评论以更好地了解正在发生的事情。

//get the html content of <p>
var fulline = $("div.address>p").html();
//split it using <br> so that you get an array
var res = fulline.split("<br>");
//remove the first element that contain 'Test User'
res = res.slice(1);
//join the array element using a space
res= res.join(" ");
console.log(res);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="address"><p>Test User<br>I. zone<br>Test street<br>3<br>11012</p></div>

jQuery拆分段内文字标签

3 个答案: