0

嗨，我在谷歌和那个网站上到处都做了很多搜索，但我的选择器肯定有问题。

嗨有一个由 php 生成的动态表。我有一些按钮来编辑内容，所以我尝试在单击编辑按钮时对其进行编辑，但它似乎没有找到好的项目。事实上什么也没找到。

Acutaly 我有：

每一行都有一个名为 edit 的按钮，它有一个名为的类changer_etat

然后我有 jquery 代码：

$('.changer_etat').click(function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').val();
   console.log(date_depart);
});

我尝试在当前找到一个span被调用的按钮，我单击的按钮在哪里。date_etattr

但实际上它什么也没给我，我尝试了很多东西，做了一些搜索，但没有成功。

我试过这个

$('.changer_etat').click(function(){ var date_depart = $(this).closest('span.date_depart').val(); console.log(date_depart); });

返回未定义的

任何帮助将不胜感激。

4

4 回答 4

2

使用需要.text()或.html()而不是.val()

$('.changer_etat').click(function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').text();
   console.log(date_depart);
});
于 2013-10-30T17:05:16.490 回答
1

利用html()

$('.changer_etat').click(function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').html();
console.log(date_depart);
});
于 2013-10-30T17:05:23.487 回答
1

您可能需要使用动态选择器，因为您的表是动态生成的。此外，正如其他人所指出的那样，您会想要使用html，因为您正在获取跨度的html。Span 没有 value 属性。

$('html').on('click', '.changer_etat', function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').html();
   console.log(date_depart);
});
于 2013-10-30T17:04:44.027 回答
0

“find('span.date_depart')”和“find a span called date_etat”之间是否有错字？至少这适用于 Firefox 25.0 / Linux：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.changer_etat').click(function() {
                var date_depart = $(this).closest('tr').find('span.date_etat').html();
                console.log("date_depart="+date_depart);
            });
        });
    </script>
</head>
<body>
    <table>
        <tbody>
            <tr><td><span class="date_etat">i am content 1</span></td><td><button class="changer_etat">button action</button></td></tr>
            <tr><td><span class="date_etat">i am content 2</span><button class="changer_etat">button action</button></td></tr>
        </tbody>
    </table>
</body>
</html>
于 2013-10-30T17:26:37.230 回答