Wählen Sie Elemente mit einem ID-Attribut aus, das mit einem bestimmten Wert beginnt / endet

Können die jQuery-oder JavaScript verwendet werden mit einer regex, so wählen Sie mehrere Elemente mit ähnlichen id?

Habe ich die folgenden Absätze:

<p id="item5_2"> A </p>
<p id="item9_5"> B </p>
<p id="item14_2"> C </p>

Will ich ändern " den Inhalt der Absätze mit id ab item und endet in 2.

Ich habe folgende jQuery:

$("#item[\d]*2").html("D");

aber es funktioniert nicht. Wie bekomme ich es auf Arbeit?

JSFiddle Demo

Kommentar zu dem Problem
mit ähnlichen ids?? ids sollten eindeutig sein. Kommentarautor: Milind Anantwar
@MilindAnantwar ähnlich != gleiche Kommentarautor: Alexandru Severin
Bin ich der einzige, der bemerkt, dass alle Antworten bisher prüfen, ob die ID endet mit 2, aber es gibt ein Ende mit 5? Kommentarautor: nyuszika7h
@nyuszika7h die Frage nochmal Lesen 🙂 (nem jut eszembe idevágó nyuszikás vicc) Kommentarautor: marczellm
@marczellm Oh, sorry, ich sehe. Ich denke, ich sollte nicht auf, SO dass diese spät. 😛 Kommentarautor: nyuszika7h

InformationsquelleAutor der Frage Alexandru Severin | 2014-06-06

  1. 33

    Ja, es kann, können Sie kombinieren die Attribut beginnt mit und die Attribut endet mit selector

    $('[id^="item"][id$="2"]').html("D");

    GEIGE (und Sie haben zum aktivieren von jQuery in das fiddle)

    können Sie nicht verwenden, regex, match die zahlen, die in zwischen auch wenn, müssten Sie filter()

    $('[id^="item"]').filter(function() {
    return this.id.match(/item\d+_2/);
}).html("D");

    InformationsquelleAutor der Antwort adeneo

  2. 15

    Können Sie "start mit" und "endet mit" Selektoren zur Verfügung gestellt von jQuery, wie unten.

    $("[id^='item'][id$='2']").html("D");

    Offizielle Dokumentation:

    InformationsquelleAutor der Antwort Bhushan Kawadkar

  3. 9

    Der beste Weg zu gehen ist zu verwenden die folgende jQuery-Selektoren

    ^= is starts with
$= is ends with

=  is exactly equal
!= is not equal
*= is contains

    Also in deinem Fall:

    var $items = $('[id^="item"][id$="2"]');

    InformationsquelleAutor der Antwort martynas

  4. 4

    Können Sie kombinieren Attribut-Selektoren: fiddle

    $("[id^='item'][id$='2']").html("D");

    InformationsquelleAutor der Antwort Adrift

  5. 4

    Versuchen, diese 

     <p id="item5_2"> A </p>
 <p id="item9_5"> B </p>
 <p id="item14_2"> C </p>

    ...

     $('[id^="item"][id$="2"]')

    InformationsquelleAutor der Antwort Illaya

  6. 4

    Hier ist die Arbeit JS FIDDLE

    HTML:

    <p id="item5_2"> A </p>
<p id="item9_5"> B </p>
<p id="item14_2"> C </p>
<input type="button" value="Get element ids starting with 'item' and ending with '2'" onclick="get_ids()">

    JS:

    get_ids = function(){
    $('[id^="item"][id$="2"]').each(function() {
        alert($(this).attr('id'));
    });
}

    InformationsquelleAutor der Antwort Rahul Gupta

  7. 2

    Können Sie verwenden Sie folgenden code, wenn Sie wollen, zu tun, alle anderen Maßnahmen:

    $('[id^="item"]').each(function(){
  if(this.id.slice(-1) == 2){
    //Do something
    $(this).html('D');
  }

});

    InformationsquelleAutor der Antwort Brotheryura

Schreibe einen Kommentar