jqueryを使用してスパン内の値を見つける方法は？

削除ボタンをクリックすると、各スパン内の値を見つける必要があります。任意のヘルプを評価する必要があります。削除リンクをクリックすると私は、ユーザー名、プロジェクト名とraw.Exampleのモジュールを取得する必要があります。私はmysqlclientの近くの削除ボタンをクリックします。出力としてaasttest、mysite、mysqlクライアントが必要です。jqueryを使用してスパン内の値を見つける方法は？

<html> 
<head> 
</head> 
<body> 
<?php require_once 'cms_class.php'; 
$dj = new DCMSI();?> 
<?php 
$modules = $dj->view_user_modules(); ?> 
<?php if(!$modules):?> 
<?php echo ""; ?> 
<?php else:?> 
<h3>user modules</h3> 
<table border='1'> 
<tr><th>module</th><th>project</th><th colspan="2">module</th></tr> 
<?foreach ($modules as $key =>$value):?> 
<tr class="delete-module"><td class="username"><?php echo $value['username'];?></td> 
<td class="project"><?php echo $value['project'];?></td> 
<td><?foreach ($value['modules'] as $key =>$value):?><span class="module"><?php echo $value['module']?></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">delete</a></br><?php endforeach; ?></td> 
<?php endforeach; ?> 
<?php endif;?> 
</table> 
</body> 
</html> 

<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.toaster.js"></script> 
<script src="js/bootbox/bootbox.min.js"></script> 
<script> 
$('.delete-module').off('click').on('click', function(e){ 
    e.preventDefault(); 
    var username = $(this).closest('tr').find('.username').html(); 
    var project = $(this).closest('tr').find('.project').html(); 
    var module = $(this).closest('tr').find('span.module').val(); 
});     
</script>

出典

2016-10-23 nidhin

'は.text（）'あなたが探しているものです。 –

.text（）は、行内のすべてのデータを提供します。しかし、私はそれがvarモジュールがmysqlclientを返すmysqlclientの近くの削除ボタンをクリックする必要があります。 – nidhin

を追加しているあなたができたので、このような何か。

$(document).ready(function() { 
 

 
    $("table").on("click", "tr", function(event) { 
 
    var obj = {}; 
 
    obj.raw = $(event.target).siblings("span").html().trim(); 
 

 
    obj.module = 
 
     $(event.currentTarget).find(".moduleName").html().trim(); 
 

 
    obj.project = $(event.currentTarget).find(".projectName").html().trim(); 
 
    console.log(obj); 
 
    }); 
 

 
});

td, 
 
th { 
 
    border: 1px solid black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <thead> 
 
    <tr> 
 
     <th>Module</th> 
 
     <th>Project</th> 
 
     <th>Module</th> 
 
    </tr> 
 

 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td class="moduleName">assttest 
 
     </td> 
 
     <td class="projectName">myssite 
 
     </td> 
 
     <td> 
 
     <div> 
 
      <span>mysql</span> 
 
      <a href="#">delete</a> 
 
     </div> 
 
     <div> 
 
      <span>django-filter</span> 
 
      <a href="#">delete</a> 
 
     </div> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td class="moduleName">assttest 
 
     </td> 
 
     <td class="projectName">newsite</td> 
 
     <td> 
 
     <div> 
 
      <span>Test Module</span> 
 
      <a href="#">delete</a> 
 
     </div> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

出典

2016-10-23 07:12:51 Sreekanth

テーブルを変更し、アンカータグにクラスを追加します。
私はクラスdeldata

<table border='1'> 
<tr><th>module</th><th>project</th><th colspan="2">module</th></tr> 
<?foreach ($modules as $key =>$value):?> 
<tr class="delete-module"><td class="username"><?php echo $value['username'];?></td> 
<td class="project"><?php echo $value['project'];?></td> 
<td><?foreach ($value['modules'] as $key =>$value):?><span class="module"><?php echo $value['module']?></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" class="deldata">delete</a></br><?php endforeach; ?></td> 
<?php endforeach; ?> 
<?php endif;?> 
</table> 
<script> 
    $('.deldata').click(function(e){ 
    e.preventDefault(); 

    var username = $(this).closest('tr').find('.username').text(); 
    var project = $(this).closest('tr').find('.project').text(); 
    var module = $(this).prev().text(); 

    alert(module); 
}); 
</script>

出典

2016-10-23 05:53:01

ありがとうございます..しかし、私はmysqlクライアントの近くの削除リンクをクリックすると出力mysqlclientが必要ですが、mysqlclientを持っていますが、ここで指定したコードの変更を行います。この出力があります。 django-bootstrap3 django-filter django-xadmin django-grappelli – nidhin

出力HTMLを教えてください。だから私はそれを見ることができる –

mysqlclientdjango-bootstrap3django-filterdjango-xadmindjango-grappelli – nidhin

jqueryを使用してスパン内の値を見つける方法は？

答えて

関連する問題