Question

我想从表中的td获取类中的当前值

脚本

 $(".edit").click(function() {
        // $("#cost").modal();
        id = $('tr').find('td.cost').text();
        alert(id);
    });

表

 foreach($val as $val)
<tr>
  <td class="cost">{{ $val->cost}}</td>
  <td>{{$val->value }} </td>
  <td><a class="edit"></a></td>

endforeach

我试过

 $(".edit").click(function() {
        // $("#cost").modal();
        id = $('tr').find('td.cost').text();
        alert(id);
    });

但它将获得所有值，如12,23,23（假设有三个id从db获取）

Answer 1

试试这个

id = $(this).closest('tr').find('td.cost').text();

的 DEMO

Answer 2

让你的函数在javascript中定义并使用onclick事件从HTML调用它，而不是从你的javascript文件绑定它。

例如

foreach($val as $val) 
    <tr>
        <td class="cost">{{ $val->cost}}</td>  
        <td>{{$val->value }} </td>   
        <td>
            <a class="edit" onclick="myFunction(this)"></a>
        </td>
    </tr>

然后在javacript中定义一个类似下面的函数

function myFunction(item) {
    var text = $(item).text();
}

Answer 3

使用兄弟姐妹

$(".edit").click(function() {
        // $("#cost").modal();
        id = $(this).siblings('td.cost').text();
        alert(id);
    });

演示https://jsfiddle.net/w6ea9hnn/

Answer 4

使用此代码：示例： HTML

$ga_set

JS

<table>
  <tr>
    <td class="cost">12</td>
    <td>hello</td>
    <td><a class="edit">edit</a></td>
  </tr>
   <tr>
    <td class="cost">15</td>
    <td>hi </td>
    <td><a class="edit">edit</a></td>
  </tr>
   <tr>
    <td class="cost">20</td>
    <td>hey</td>
    <td><a class="edit">edit</a></td>
  </tr>
</table>

Jsfiddle示例

在TD JQuery中获取类的值

4 个答案: