如何知道哪个单选按钮是从哪一行选择的？

Question

我已经做了一个演示，在这个演示中，我使用I tc_1、tc_2、tc_3……创建了行。诸若此类。

当我展开一行时，我有两个选项和一个按钮。我需要知道选择了哪一行id和哪个选项？

示例:我展开了第二行，它应该用选项选择tc_1通知添加测试用例。

$('#list').on('click','.addClickClass',function(){
    alert('hii')
});

Answer 1

若要获取行id和选中无线电的值，请使用以下命令：

$('#list').on('click','.addClickClass',function(){
     alert($(this).parents('li[id*="tc"]').attr('id') + "\n" 
         + $(this).parents('.ui-collapsible').find('input:checked').val())
 })

例如，它为您提供了如下输出：

tc_1
TestCommand

我相信这正是你要找的。

我使用它来获取行id：

$(this).parents('li[id*="tc"]').attr('id')

为了得到检查过的无线电值：

$(this).parents('.ui-collapsible').find('input:checked').val()

两者都与单击的“添加”按钮相关。

在这里看到它的作用：http://jsfiddle.net/R2DzV/16/

Answer 2

下面是一些用于alert的新jquery代码，它获取所选元素的id：

 alert('hi from ' + $(e.target).closest('[datarole="collapsible"]').find('input:checked').attr('id') )

下面是一个分叉的小提琴，显示了这个工作更改：http://jsfiddle.net/mstapp/mGSJ7/1/

Answer 3

在这种情况下，jQuery将为您提供有问题的$(this)元素对象。

$('#list').on('click','.addClickClass',function(){
    // This is current button clicked
    console.log($(this));
});

如果您想从按钮获得某个特定的项目，那么您可以选择整个文档。但是，让我们以清酒为例，假设您希望找到包含所有情况的li：

$('#list').on('click','.addClickClass',function(){
    //  Get the first ancestor that matches a selector
    $(this).closest('li');
});

关于遍历和操作横穿操纵有很多很棒的材料