javascript - 如何从.html()返回值获取特定标签数据

Question

我有一个从 $('#article').html() 获取的 HTML，我真的不知道如何使用 split() 函数来完成此操作:

<sometag1>some data1</sometag1>
<sometag2>some data2</sometag2>
<sometag13>some data3</sometag13>

那么我如何分割它并得到如下结果:

result=>some data1

我尝试过这个:

data1=$('#article').html().split('</sometag1>');
data1=$('#article').html().split('</sometag1>')[1].split('</sometag2>');
data1=$('#article').html().split('</sometag1>')[1].split('</sometag2>')[1].split('</sometag3>');

但这并没有真正起作用，而且我认为这也不是一个很好的代码:

那么知道如何做到这一点吗？

Answer 1

编辑:

更改问题后，这就是您想要的:(下面的演示)

data1 = $('#article').html().split("<sometag1>")[1].split("</sometag1>")[0]

<小时/>

这样做:$('#article').find('sometag1').text()

• 首先获取父元素:$('#article')
• 然后找到它的子元素:find('sometag1')
• 最后你得到它的文本内容:.text()

演示:

var data1 = $('#article').find('sometag1').text()

// What you want after edeting the question:
var data1 = $('#article').html().split("<sometag1>")[1].split("</sometag1>")[0]

console.log(data1)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="article">
  <sometag1>some data1</sometag1>
  <sometag2>some data2</sometag2>
  <sometag13>some data3</sometag13>
</div>