-2

我目前正在获取点击提交按钮的数据,html代码如下:

<p class="post-meta-ab">
    <span>
        <a href="#">Diamond Burs set of 30 pcs A-24</a>
    </span><br />

    <span>
        <i class="icon-circle"></i>
        Details: Diamond Burs set of 30 pcs very useful assorted shapes
    </span><br />

    <span>
        <i class="icon-circle"></i>
        Shipping Weight: 100 gms
    </span><br />

    <span>
        <i class="icon-circle"></i>
        Price: &#8364; 2.50
    </span><br />

    <span>
        <i class="icon-circle"></i>
        Quantity: 
        <input type="text" style="width:20px" maxlength="100" name="a1" id="a1" />        
        <input type="submit" value="Add" style="margin-top:-8px" class="btn btn-danger" name="asubmit" id="a1sub" />
    </span>
</p>

我正在使用以下 jquery 代码获取跨度数据:

$('input[type=submit]').click(function(){
    var productname = $(this).parent().parent().text() + $(this).parents('p').find('input:text').val();
    alert(productname); 
});

现在我正在获取跨度数据,但我想要每个span标签后的空格,请帮助我解决这个问题。

4

2 回答 2

2

像这样做

$('input[type=submit]').click(function(){
var alldata = "";
$('span').each(function(){
    var $span = $(this);        
    var spanTxt = $span.text();
    alldata += spanTxt + " ";     
}); 
alert(alldata);
});

这里所有数据都有所有跨度文本

演示小提琴

在这里,我使用了一些额外的变量来显示当前跨度他们的文本以便理解,如果你愿意,你可以松开它们

于 2013-10-08T10:54:00.560 回答
0

只好苦苦研究,终于找到了解决办法,就是这样。

    $(document).ready(function() {
      $('input[type=submit]').click(function(i){
      var txt="";
      txt=txt + "\n" + $(this).text();
      });
      txt= txt + $(this).parents('p').find('input:text').val();
      alert(txt);
          });
      return false;
    });
于 2013-10-08T10:44:21.663 回答