javascript 使用 jQuery 获取标签内的值。？

get value of inside a tag with jQuery.?

提问by Kate Thompson

How can by jQuery get value inside tag b?

jQuery 如何获取标签内的值b？

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

I want this output with jQuery: hi_1, hi_2, hi_3, hi_4

我想要这个带有 jQ​​uery 的输出： hi_1, hi_2, hi_3, hi_4

Please give me example in jsfiddle.

请给我jsfiddle 的例子。

回答by JaredPar

To get the value inside a specific HTML tag in jQuery you can use the textfunction. This combined with a selector gets the output you're looking for

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

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

JSFiddle

JSFiddle

JSFiddle with commas

带逗号的 JSFiddle

回答by ShankarSangoli

Are you looking for something like this?

你在寻找这样的东西吗？

http://jsfiddle.net/ZDYnq/

http://jsfiddle.net/ZDYnq/

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

回答by mplungjan

This is cool

这很酷

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

Demo here

演示在这里

Discussed here

在这里讨论