Html Element per jQuery selector mit einem Punkt in der id finden

Bei der Benennung von Html Elementen kann es sinnvoll sein diese durch den Namen (bzw. Id) in Gruppen zu fassen. Besonders wenn man in Zusammenhang mit ASP.NET MVC wenn man dort die Daten (per Http-POST) in einem Objekt als Parameter weiter verarbeiten möchten. 

public class SearchOptions
{
    public string searchterm { get; set; }
    public int? Pagenumber { get; set; }
}

Damit die Werte in dem Objekt automatisch zur Verfügung stehen muss man folgendes Html-Element für die Property Pagename erstellen:

<input type="hidden" id="SearchOptions.Pagenumber" name="SearchOption.Pagenumber" value="1" />

Möchte man nun dieses Element per JavaScript - besser mit jQuery - aktualisieren, dann muss man folgenden JavaScript Code nutzen:

$('#SearchOptions\\.Pagenumber').val('1')

Wichtig ist dabei das der Punkt durch zwei "\" escapet werden muss. Ansonsten wird das Element nicht gefunden.

Hier ist die jQuery Referenz: http://api.jquery.com/category/selectors/

Kommentar schreiben