Question

所以，我有以下列表：

<li><a class="name" title="<?php echo $names;?></a></li>

然后，您可以获得以下名称：Steve, Mike, Sean, Ryan。

现在，我有以下js：

var names= [];
function GET_NAMES ()
{
 //Something
}

因此，当加载GET_NAMES()函数时，我想收集title中list的所有值并放入var names=[]

如何将值收集到变量中？

Answer 1

使用jQuery，您首先需要选择<a>元素，然后您可以获取每个元素的标题属性。

$("li a").each(function(){
    names.push($(this).attr('title')); // this will get the title and push it onto the array.
}

Answer 2

var names=[]
$('li a').each(function() {
  names.push($(this).attr('title'))
})

console.log(names)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>

  <li>
    <a class="name" title="Steve"></a>
  </li>
  <li>
    <a class="name" title="Steve1"></a>
  </li>
  <li>
    <a class="name" title="Steve2"></a>
  </li>
  <li>
    <a class="name" title="Steve3"></a>
  </li>
</ul>

试试这种方式

Answer 3

我建议使用jQuery .map()方法，您还可以使用data-属性来保存names。但是，如果您选择使用title属性，则只需在下面的代码中将$(this).data('title')替换为this.title：

var names = $('.name').map(function() {
    return $(this).data('title');
})
.get();

var names = $('.name').map(function() {
    return $(this).data('title');
})
.get();

console.log( names );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
<li><a class="name" data-title="Steve">Steve</a></li>
<li><a class="name" data-title="Mike">Mike</a></li>
<li><a class="name" data-title="Sean">Sean</a></li>
<li><a class="name" data-title="Ryan">Ryan</a></li>
</ul>

将值收集到变量中

3 个答案: