Jquery-wählen Sie den ersten Buchstaben?

Ich bin einfach der Versuch, jquery, identifizieren Sie den ersten Buchstaben eines Absatzes. Wie kann ich dies tun?

Ich habe zum Beispiel eine Seite mit einer Reihe von paragrahs auf einer Seite. Ich möchte nur die Absätze beginnend mit einem bestimmten Buchstaben gegeben werden, die Klasse "current", und alle anderen werden ausgeblendet. Ich ziemlich viel wissen, wie Sie die Klasse und die anderen auszublenden, aber I cant get jquery zu erkennen, die ersten Buchstaben.

Zweitens, ist es möglich, zu ziehen diese 'ersten Brief' variable aus der url-Zeichenfolge?

Beispielsweise
Seite 1 - Es ist eine Liste von Buchstaben. Der Benutzer klickt auf " B " und die url ist

http://domain.com/page2.html?letter=b

Und page2 nimmt, die variable (b) und wendet es auf die Jquery -, zeigt nur die Absätze

InformationsquelleAutor der Frage Batfan | 2010-06-14

  1. 21

    Versuchen:

    jQuery('p').each(function(){     
    if(jQuery(this).text().substr(0,1).toUpperCase() == 'B'){
         jQuery(this).addClass('someclass')
    }
   })

    Können Sie PHP verwenden, um reinigen Sie die variable und die drucken es in JS: 

    <script type="text/javascript">
var letter = '<?php  echo (strlen($_GET['letter']) == 1) ? $_GET['letter'] : ''; ?>'
</script>

    Oder schnappen Sie es mit document.location und entpacken Sie es.

    InformationsquelleAutor der Antwort Aaron Harun

  2. 12

    Wenn Sie möchten, um mit JavaScript zu greifen, die letter von der URL-query-string, führen Sie einen regulären Ausdruck auf window.location.search:

    var letterParam = window.location.search.match(/letter=([a-z])/i), letter;

if (letterParam)
{
    letter = letterParam[1];
}

    Entsprechen die Absätze beginnend mit diesem schreiben, verwenden Sie die charAt() Methode in JavaScript-strings:

    if (letter)
{
    $('p').each(function()
    {
        if ($(this).text().charAt(0).toUpperCase() == 'B')
        {
            //Apply the CSS class or change the style...
        }
    });
}

    InformationsquelleAutor der Antwort BoltClock

  3. 8

    Ausblenden <p> tags, deren text beginnt nicht mit den Buchstaben B:

    $('p').filter(function() {
  return $(this).text().charAt(0).toUpperCase() != 'B';
}).hide();

    InformationsquelleAutor der Antwort John Rasch

  4. 5
    $('p').hide().filter(function(){return $(this).text().match(/^b/i);}).show();

    oder eingerückt

    $('p').hide()
      .filter(
              function(){
                         return $(this).text().match(/^b/i);
                        }
             )
      .show();

    entfernen Sie die i im Spiel, wenn Sie wollen, dass es groß-und Kleinschreibung werden..

    und Sie können sich http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html auf, wie man die url-Parameter..

    InformationsquelleAutor der Antwort Gabriele Petrioli

  5. 3

    Ich weiß nicht ob das hier relevant ist, aber ich bin mit diesem Stil das erste Zeichen.

    $(".menu ul li.page_item a").each(function() {
var text = $(this).html();
var first = $('<span>'+text.charAt(0)+'</span>').addClass('caps');
$(this).html(text.substring(1)).prepend(first);
});

    prost!

    InformationsquelleAutor der Antwort foxybagga

Schreibe einen Kommentar