Wie wähle ich mit jQuery HTML-Elemente mit Punkten in ihrer ID aus?

Auswählen von Elementen mit Punkten in ihrer ID mit jQuery

Problem:

Bei Verwendung von jQuery zum Auswählen eines Elements mit a Punkt (.) in seiner ID stimmen die bereitgestellten Selektoren aufgrund von Zeichen-Escape-Konflikten zwischen JavaScript und jQuery nicht überein.

Fix:

Um dieses Problem zu beheben, müssen Sie muss das Punktzeichen mit zwei Backslashes davor im jQuery-Selektor maskieren. Dies liegt daran, dass:

• Ein Backslash in einem jQuery-Selektor das nächste Zeichen maskiert.
• Der erste Backslash wird benötigt, um den zweiten Backslash zu maskieren, sodass der zweite Backslash das Punktzeichen maskieren kann .

Lösung:

$(function() {
  $.getJSON("/Location/GetCountryList", null, function(data) {
    $("#Address\.Country").fillSelect(data);
  });
  $("#Address\.Country").change(function() {
    $.getJSON("/Location/GetRegionsForCountry", { country: $(this).val() }, function(data) {
      $("#Address\.State").fillSelect(data);
    });
  });
});

Erklärung:

Im geänderten Code entkommen doppelte Backslashes dem Punkte in den Selektoren „Address.Country“ und „Address.State“, damit jQuery diese Elemente korrekt finden und mit ihnen interagieren kann.

Referenz:

Weitere Informationen , siehe die jQuery-FAQ: Wie wähle ich ein Element anhand einer ID aus, die Zeichen enthält, die in der CSS-Notation verwendet werden?

Das obige ist der detaillierte Inhalt vonWie wähle ich mit jQuery HTML-Elemente mit Punkten in ihrer ID aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!