2017-06-17 2 views
0

クラス "description"を持つボタンの最も近い兄弟要素を取り出し、その内容をコンソールに出力する次のコードがあります。私はこのコンテンツを取ってテキストファイルの特定の場所に書きたいと思います。私のコードは次のされていますHTML JQueryまたはPHP、データをテキストファイルに書き込む

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <title></title> 
</head> 
<body> 

    <table> 
     <tr> 
      <td> 
       <table> 
        <tr><td>Name</td><td>Jenkins</td></tr> 
        <tr><td>Job</td><td>Accountant</td></tr> 
       </table> 
      </td> 
      <td class="description"> 
       He's just a man. 
      </td> 
      <td> 
       <button class="learn">Learn</button> 
      </td> 
     </tr> 
    </table> 

    <script type="text/javascript"> 
     $(".learn").click(function(){ 
     var data = $(this).closest("td").siblings(".description").text(); 
     console.log(data); 
     }); 
    </script> 
</body> 
</html> 

私はへの書き込みを探していたファイル、このようなものです:指定された場所にだから私は、このテキストファイルの新しい要素を作成できるようにしたいと思い

Var data = [ 
    { 
    name: group1, 
    items: [ 
     { 
     name: "bob", 
     job: "salesman", 
     description: "underground comedian" 
     } 
    ] 
    }, 
    { 
    name: group2, 
    items: [ 
     { 
     name: "susan", 
     job: "chef", 
     description: "loves McDonalds" 
     } 
    ] 
    } 
] 

(group1またはgroup2)を入力し、スクリプトによって取得された情報を挿入します。

JSとJQueryを使って、このような作業をしたいと思っていたことは素晴らしいアイデアではありませんでした。だから、誰かがこの種の作業をPHPやその両方の組み合わせ感謝されます。

答えて

0
にあなたのJSコードを変更し

:次にsave.phpファイルを作成し、その中にこれを入れ

<script type="text/javascript"> 
    $(".learn").click(function(){ 
    var data = $(this).closest("td").siblings(".description").text(); 
    $.post('save.php', 'data=' + data); //AJAX call to save.php 
    }); 
</script> 

<?php 
file_put_contents('textfile.txt', $_POST['data']); 

私はあなたがこのテキストファイル内でこれをフォーマットする方法がわかりませんしかし、これはあなたを開始する必要があります。

+0

ありがとうございました。私は 'text.txt'が上記の "data"ファイルに似た構造を持っているところでそれをフォーマットしたいと思います。 "Jenkins"という名前の別の要素を作成する場所: "Accountant"、説明:グループ1またはグループ2の "彼は単なる男" – laroy

+0

また、説明がtextfile.txtに書き込まれる何らかの理由で、コンテンツが開始される前にインデントと約4つのタブが表示されます。それがどんなアイデアなのか? – laroy

関連する問題