目标只点击锚而不是兄弟

Question

我需要在两个不同的集合上触发我的函数。这该怎么做？我有这样的东西，但第二个函数首先覆盖，第一个不起作用。这该怎么做？'使用严格'; const functions = require('firebase-functions');const admin = require('firebase-admin');admin.initializeApp(functions.config().firebase); const 数据库 = admin.database();exports.apptTrigger = functions.firestore    .document('notification/{anydocument}' )    .onCreate((snap, context) => {    const title = snap.data().title;    const messageis = snap.data().content;    const postId = snap.data().idPost;    const payLoad = {        notification:{            title: title,            body: messageis,            sound: "default"        }    };        return admin.messaging().sendToTopic("notification", payLoad);});exports.apptTrigger = functions.firestore    .document('notificationP/{anydocument}')    .onCreate((snap, context) => {    const title = snap.data().title;    const messageis = snap.data().content;    const postId = snap.data().idPost;    const payLoad = {        notification:{            title: title,            body: messageis,            sound: "default"        }    };        return admin.messaging().sendToTopic("notification", payLoad);});```

Answer 1

$('.toggle-text').text('Less Info')

上面的行将选择您的所有.toggle-text元素。如果.toggle-text是您的子元素，.container-outer您可以执行以下操作：

$('.container-outer.active').find('.toggle-text').text('Less Info');

$('.container-outer:not(.active)').find('.toggle-text').text('More Info');

它应该工作。

Answer 2

这是你想要的吗 ？

$('.more-info').on('click', function() {

  $(".more-info").removeClass("active").html("More Info");

  $(this).addClass("active").html("Less Info");

});

a{

display:block;

padding:10px;

background:#f5f5f5;

margin:10px;

}

.active{

  color:red;

{

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a class="more-info">More Info</a>

<a class="more-info">More Info</a>

<a class="more-info">More Info</a>

<a class="more-info">More Info</a>