Question

我有像这样的

的firebase数据库结构

我有一个循环函数

 var jobTitle = document.getElementById('jobTitle');
     var jobDescription= document.getElementById('jobDescription');

         firebase.auth().onAuthStateChanged((user) => {
        if (user) {
              database = firebase.database();

             var ref = database.ref('/Jobs/');
          ref.on('value', gotData,  errData);

  }
  })

  var jobSnap = {};

   function gotData(data) { 
        var date = Today;
        var jobs = data.val();
        var keys = Object.keys(jobs);

        var container = document.getElementById('pos_1'); 
        var container2 = document.getElementById('jobapp'); 

        for (var i = 0; i<keys.length; i++) {
        var k = keys[i];
        var newCard = `

            <li class="pos-card" id="pos_1">
                  <div class="content">
                    <div class="title new">`+jobs[k].JobTitle+`</div>
                    <div class="dept">Customer Service</div>
                    <div class="date">date</div>
                    <div class="refer">Apply</div>
                  </div>
                  <ul class="desc">

                    <li>`+jobs[k].JobSummary+`</li>
                  </ul>
            </li>
        `;
        container.innerHTML += newCard;
        }
      }


    function errData(err) {
          console.log('Error!');
          console.log(err);
        }

这是在相应的作业ID下将应用程序提交到DB的功能。

    function newApplication() {

      var database = firebase.database();
      var applicant_Name = document.getElementById('name').value;
      var applicant_Number = document.getElementById('phone').value; 
      var applicant_email = document.getElementById('email').value; 
      var AuthorId = firebase.auth().currentUser.uid;
      var cover_letter = document.getElementById('cover_letter').value;


      var JobId = jobSnap.key;

      var postData = {
              ApplicantName: applicant_Name,
              ApplicantNumber: applicant_Number,
              Applicantemail: applicant_email, 
              Author: AuthorId,
              Cover_letter: cover_letter,
          };

      var newPostKey = firebase.database().ref().child('Applications').push().key;    

      var updates = {};


          updates['/Applications/' + newPostKey] = postData;
          updates[ JobId + '/Applications/' + newPostKey] = postData;

      return firebase.database().ref().update(updates); 

  }

检索数据库“作业”节点中的所有条目，并将其显示为

当用户点击作业上的“应用”按钮时，应用程序会淡入;检索作业和应用程序的所有代码都在同一个html文件中。我需要做的是找到一种方法来捕获被单击的作业的firebase作业键，以便我可以在相应的作业下保存作业应用程序。我尝试了很多方法，但仍然没有运气，我该如何实现呢？

Answer 1

您需要跟踪HTML中每个项目的键。一种常见的方法是将其注入HTML中的id属性：

    var newCard = `
        <li class="pos-card" id="${k}">

然后，当用户单击某个元素以查找数据库中的项目时，您可以使用该ID。

编写代码的更惯用的方法是：

function gotData(data) { 
    var date = Today;

    var container = document.getElementById('pos_1'); 
    var container2 = document.getElementById('jobapp'); 

    data.forEach(function(jobSnap) { // loop over all jobs
      var key = jobSnap.key;
      var job = jobSnap.val();
      var newCard = `
        <li class="pos-card" id="${key}">
              <div class="content">
                <div class="title new">${job.JobTitle}</div>
                <div class="dept">Customer Service</div>
                <div class="date">${date}</div>
                <div class="refer">Apply</div>
              </div>
              <ul class="desc">
                <li>${job.JobSummary}</li>
              </ul>
        </li>
    `;
    container.innerHTML += newCard;
    }
  }

Javascript（firebase）：如何获取被点击项目的firebase数据库密钥？

1 个答案: