用jQuery获取所有选定的类

伊亚尔

我有一些元素列表,单击这些元素可以将一个类切换到每个元素。

目的是我想用ajax发布它。

我的问题是如何选择具有指定类的所有元素,并用逗号“,”定界每个元素

  <ul id="tobeselected">  
      <li class="selected">one</li>
      <li class="selected">two</li>
      <li>three</li>
      <li>four</li>
      <li class="selected">five</li>
  <ul>

  <button>click to alert</button>  
  //end of form

这是我搞砸的jQuery的草图:

   $('button').click(function(){

       $('#tobeselect li.selected').each(function() {
            var dataselected = $(this).text();                           
       })
      alert(dataselected);   
      /*
       The expected result would be:
        one | two | five
      */          
   })

但到目前为止没有运气。有人可以帮忙吗?提前致谢

来宾271314
  /*
   The expected result would be:
    one | two | five
  */

尝试制作的阵列dataselected中,利用.text(function(index, text)).push text每个li.selected元件dataselected阵列; 呼叫alert与参数dataselected数组链接到方法Array.prototype.join具有参数" | "

$("button").click(function() {

  var dataselected = [];

  $("#tobeselected li.selected").text(function(index, text) {
    dataselected.push(text)
  });
  
  alert(dataselected.join(" | "));

})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<ul id="tobeselected">
  <li class="selected">one</li>
  <li class="selected">two</li>
  <li>three</li>
  <li>four</li>
  <li class="selected">five</li>
  <ul>

  <button>click to alert</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章