jquery - jquery 获取一组 span 元素的值

Question

我的 div 如下所示：

 <div id="customfield_11504-val" class="value type-multiselect editable-field inactive"     data-fieldtype="multiselect" data-   fieldtypecompletekey="com.atlassian.jira.plugin.system.customfieldtypes:multiselect"    title="Click to edit">
 <div class="shorten" id="customfield_11504-field" style="height: auto;">
   <span>option 3</span>
                         ,
       <span>option 2</span>
                            , 
        <span>option 1</span>
  </div>
 <span class="overlay-icon icon icon-edit-sml"/>
</div>

我在下面写了 jQuery 的东西：

var ret = AJS.$.trim(AJS.$('#customfield_11504-val .shorten span').map(function () {
    return AJS.$(this).html();
}).get().join(", "));
console.log("ret is:" + ret);

它打印我如下：

[对象 HTMLSpanElement]、[对象 HTMLSpanElement]、[对象 HTMLSpanElement]

这里有什么问题..我试过了，发短信但还是只给我这个。

Answer 1

var spanValues = [];
$('.shorten span').each(function() {
    spanValues.push($(this).text());
});
console.log(spanValues);

将为您的事业服务。

Answer 2

你可以这样做：

var ret = $.trim($('#customfield_11504-val .shorten span').map(function () {
    return $(this).html();
}).get().join(", "));

console.log("ret is:" + ret);

小提琴演示

Answer 3

试试这个

$(this).text() ;