Dev Faq
-1
votes

Comment ajouter de l'élément après la nouvelle étiquette HTML par JQuery automatiquement?

Note: strong> Je voulais utiliser jQuery mais il a été résolu par WordPress Boop and PHP. em>

Je travaille avec WordPress et j'ai créé une nouvelle partie à afficher la dernière nouvelle à mes utilisateurs. Actualités existe entre les balises Li code>, mais le problème est quand une nouvelle balise LI code> est ajoutée, je souhaite ajouter une balise code> code> après le dernier Li code> mais je ne sais pas comment faire ça. P>

Je sais que c'est possible avec jQuery. Notez que les balises Li code> seront ajoutées automatiquement forte> (par la boucle WordPress pour les messages) non manuellement, j'ai donc besoin d'une boucle et si strong> en jQuery to Comptez LI code> Tags au début, puis lorsqu'un nouveau LI code> a été ajouté, ajoutez une balise span code> sur ce nouveau li code > Tag automatiquement. p>

My Code: P> 

<ul>
    <?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?>

    <li><?php the_title(); ?></li>

    <?php endwhile; ?><?php endif; ?>
</ul>

11 commentaires

bien ce serait un HTML invalide, la portée devrait être dans le LI

Ajout de n'importe quoi après une fermeture autre que l'un ou l'autre

  • , ou est invalide HTML

    Outre les mauvais commentaires de Markup, y a-t-il une raison pour laquelle vous ne faites pas simplement cela dans le modèle WP?

    @Epascarello @ j08691 @kai Qing J'ai changé le code mais je veux dire: considérez ces balises Li seront ajoutées par un CMS (comme WordPress) et je souhaite compter le li tags et quand un autre li est ajouté à eux, une balise span sera ajoutée à ce nouveau Li et cette action sera répétée (dans Une boucle de JQuery) sauf si l'utilisateur claque sur la balise Li et la balise sera disparue. Avez-vous eu mon méchant?

    Est-ce obligatoire d'utiliser jQuery pour vérifier la dernière balise

  • ? Si vous utilisez pendant que vous utilisez une boucle ou une boucle, vous pouvez spécifier une condition indiquant que si l'élément
  • est le dernier élément, ajoutez un élément avec celui-ci. Pouvez-vous montrer le code où la boucle fonctionne réellement pour mieux vous aider. Comme il y a beaucoup de méthodes, mais je veux fournir une solution optimale.

    WordPress génère du contenu du serveur, il est préférable d'ajouter une balise de space pendant que le contenu est généré par la boucle plutôt que de l'ajouter avec jQuery après réception sur le navigateur client.

    @Codesigner Je ne pouvais pas comprendre votre moyenne. Souhaitez-vous expliquer avec un exemple de codes? J'ai ajouté la boucle ci-dessus

    @sagar je sais que je peux obtenir le dernier li par jQuery mais je veux ajouter span tag quand un nouveau li est ajouté automatiquement par WordPress boucle. Avez-vous eu mon méchant? J'ai ajouté la boucle ci-dessus en question

    @IKEBARTAR, toutes les données que vous avez concernant le message sont lues ou non lors de l'ajout d'un poste à Li Tag ?. Parce que nous pouvons obtenir le dernier Li en utilisant JQuery comme indiqué par Kevin Whinnery, mais nous avons besoin de statut de lecture de la lecture.

    Au Laravel, il y a de la façon laravel.com/docs/5.8/blade#The-loop -Variable

    @Thamarai T Mon ami, je veux exactement ajouter Span Tag to the Post n'a pas été lu et je n'ai aucune idée de cela que vous voulez réaliser ces post. Pouvez-vous m'aider?

    • 3 Réponses :

    0
    votes

    envisager peut-être d'ajouter l'ajout de la balise code> à l'intérieur de la balise code> li code>. Utilisez le sélecteur: Last-enfant CSS pour obtenir une poignée au dernier élément de la liste, puis appendez votre HTML souhaité. Voici un exemple en utilisant JQuery , par votre demande. 

    var newHtml = '<span style="color:red;">new</span>';
$('#list li:last-child').append(newHtml);

    6 commentaires

    merci beaucoup mon ami d'avoir aidé mais je veux dire: considérons que ces balises Li seront ajoutées par un CMS (comme WordPress) et je souhaite compter les balises li et quand une autre LI est ajouté à eux, une balise span sera ajoutée à ce nouveau Li et cette action sera répétée (dans une boucle de jQuery ) Sauf si l'utilisateur claque sur la balise LI et la balise sera disparue. Avez-vous eu mon méchant?

    Donc, parmi toutes les balises News, le dernier n'a besoin que d'avoir une étiquette de span, non?

    Si vous êtes sur le point d'ajouter une étiquette «nouvelle» à la poste reçue par Ajax Appel, ajoutez votre logique dans l'appel Ajax.

    @Thamarai T Oui. Parmi toutes les balises de nouvelles, la dernière n'a besoin que d'une balise de span, lorsqu'un nouveau Li a été ajouté

    @Codesigner Je ne sais pas comment faire cela avec Ajax, pouvez-vous m'aider par exemple et le code? Merci

    J'envisage que votre nouvelle post annexe avec AJAX appelez pas avec un rafraîchissement du navigateur. S'il s'agit de l'actualisation du navigateur Actualiser, vous devez définir votre logique dans le script côté serveur, peut être avec WordPress Fonction ou Core PHP (Je ne suis pas développeur WordPress). Je vais essayer de donner des mots plus tôt que possible si vous annoncez avec Ajax Call.

    0
    votes

    Vous pouvez l'utiliser en obtenant la date de post xxx

    3 commentaires

    Merci beaucoup mon ami pour répondre, mais je veux ajouter Span tag quand un nouveau message est publié. Le point est que la balise n'est pas basée à temps. Lorsqu'un nouveau poste est publié, une balise span sera ajoutée à son titre et sera apparu jusqu'à ce que l'utilisateur clique dessus, puis sera disparu. Avez-vous eu la tête?

    Ensuite, vous pouvez utiliser une table personnalisée dans laquelle vous pouvez stocker l'ID utilisateur post-ID ou l'adresse IP et lorsqu'un utilisateur clique sur une publication, enregistrez-la dans dB.

    Je ne sais pas aussi de détail. Souhaitez-vous expliquer plus et avec code? Je sais comment créer une table, mais qu'en est-il de sauver cela comme poste de méta?

    0
    votes

    Vous pouvez y parvenir directement via WordPress 

    <ul>

<?php if(have_posts()) : ?> <?php 

global $wp_query;
$totalPosts = $wp_query->post_count; //count the total posts
$count = 1;
while(have_posts()) : the_post(); 
if($count < $totalPosts){ ?>
    <li><?php the_title(); ?></li>
<?php }
else{ ?>
    <li><span><?php the_title(); ?></span></li>
<?php 
}
$count++;
endwhile; endif; ?>

    4 commentaires

    Merci beaucoup mon ami. Mais ce code ajoutez Tag sur le dernier titre ou tous les titres lorsque $ comptez> = $ TOTALPOSTS ?

    Seul le dernier message recevra la balise de l'espace.

    merci merci merci. Mais une autre question que j'ai besoin de votre aide. Comment comprendre que l'utilisateur a été lu le message?

    Je ne peux fournir que la vérification de la mise en œuvre pseudo ici: Pastebin.com/raw/clnq4pvk

    Articles qui pourrait vous intéresser :

    Impossible d'importer le module "@ angular / material"
    Interaction profonde avec break and catch
    Utilisation de node.js comment renommer tous les fichiers d'un dossier
    Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO