选择Div标题文本和使用Jquery创建数组

时间:2014-07-21 21:08:36

标签: javascript jquery html css

我试图将所有div标题属性中的文本添加到数组中,但我似乎无法选择正确的内容。

我需要标题,因为它将包含我需要使用的字符串。

以下是三个具有不同标题的div

<div class = 'test' title='title1'>Hello</div>
<div class = 'test' title='title2'>goodbye</div>
<div class = 'test' title='title2'>goodbye</div>

到目前为止,这是我的Jquery。

$(document).ready(function() {

$array = $('[title][title!=]').each(function(){
  $(this).attr("title").makeArray;})

 alert($array)

});

警报只是说[对象对象]

在我的例子中,我尝试选择创建一个包含[Title1,Title2,Title3]的数组。

任何人都可以帮我这样做吗?

********* UPDATE *********** ********

感谢第一个完美的工作。对此,我真的非常感激。

3 个答案:

答案 0 :(得分:4)

var array = $.map($('[title][title!=""]'), function(el) { return el.title });

FIDDLE

选择title属性非空的所有元素,并将标题映射到数组

答案 1 :(得分:2)

var theArray = []; // set an empty array to a variable outside of scope

$('.test').each(function() { // loop through all the .test divs
    var theTitle = $(this).attr('title'); // selects the text of the title for the current .test element
    theArray.push(theTitle); // this adds the text of the current title to the array
});

console.log(theArray); // just to test and make sure it worked, remove once verify

答案 2 :(得分:1)

我建议:

var titles = $('.test').map(function(){
    return this.title;
}).get();

参考文献: