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);

它打印如下：

[object HTMLSpanElement]，[object HTMLSpanElement]，[object HTMLSpanElement]

这里有什么不对..我试过，发短信但仍然只是给我这个。

Answer 1

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

将为您的事业服务。

Answer 2

试试这个

$(this).text() ;

Answer 3

你可以这样做：

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

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

FIDDLE DEMO

jquery获取span元素值的集合

3 个答案: