使用jQuery获取标记内部的值。

Question

jQuery如何在标记b中获取值？

<span>
 <b>hi_1</b>
 <b>hi_2</b>
 <b>hi_3</b>
 <b>hi_4</b>
<span>

我想用jQuery输出这个输出：hi_1, hi_2, hi_3, hi_4

请在jsfiddle中给我举例。

Answer 1

要在jQuery中获取特定HTML标记内的值，您可以使用text函数。这与选择器相结合可获得您正在寻找的输出

$('span b').each(function() {
  console.log($(this).text());
});

<强> JSFiddle

<强> JSFiddle with commas

Answer 2

你在找这样的东西吗？

http://jsfiddle.net/ZDYnq/

$(document).ready(function() {
   var textArr = [];
   $('span b').each(function() {
     textArr.push($(this).text());
   });
    alert(textArr.join(', '));
});

Answer 3

这很酷

var x = $("span b").map(function() {
  return $(this).text();
}).toArray().join(", "); 

Demo here

Discussed here