如何使用jQuery从list-grop中获取选定的值?

时间:2015-10-20 09:46:41

标签: jquery list twitter-bootstrap-3

我需要从list-grop上的选定值中获取一些值(文本和ID):

<div class="list-group col-lg-10" >             
    <a href="#" id="id1" class="list-group-item col-lg-6">Example 1</a>
    <a href="#" id="id2" class="list-group-item col-lg-6">Example 2</a>     
</div>

我想在点击按钮后才拍摄它们。我怎样才能得到这些值?

2 个答案:

答案 0 :(得分:2)

更新2

slot.SlotType
StoreValue = []; //Declare array
$(".list-group a").click(function(){
    StoreValue = []; //clear array
    StoreValue.push($(this).attr("id")); //add id to array
    StoreValue.push($(this).text()); // add text to array
})
 $(".button").click(function(){
    alert(StoreValue[0] + " " + StoreValue[1])
})

答案 1 :(得分:0)

    $('a').click(function () {
    var id = $(this).attr('id')
    var text = $(this).html()


    console.log(id)
    console.log(text)
})

$('#get').click(function () {
    var id1 = $('#id1').attr('id')
    var text1 = $('#id1').html()

    var id2 = $('#id2').attr('id')
    var text2 = $('#id2').html()
    console.log(id1)
    console.log(text1)
    console.log(id2)
    console.log(text2)
})

创建一个事件点击和内部使用$(this).attr('id')获取ID并使用$(this).html()

获取文本

demo