Verschachtelte jQuery-Selektoren

Ist es sowieso zu haben, verschachtelte jQuery-Selektoren.

Zum Beispiel:

wenn die Seite hat auch eine ID = "LeadEditForm_Title" irgendwo drauf dann das folgende tun... 

jQuery("[id='A0.R0.Main Phone Number']").live('mousedown',function(e) {
    var container = $(this).width();
    var width_offset = -50;
    var top_offset = 25;
    var width = (container + width_offset).toString();
    jQuery(".mywidget").appendTo(document.body).css('width', width + 'px');
    jQuery(".mywidget").appendTo(document.body).css('position', 'absolute');
    jQuery(".mywidget").appendTo(document.body).css('top', ($(this).offset().top+top_offset).toString() + 'px');
    jQuery(".mywidget").appendTo(document.body).css('left', Math.round($(this).offset().left) + 'px');
});

FRAGE:

Wie mache ich eine if - jQuery(".LeadEditForm_Title") dann die oben genannten??? im Grunde genommen eine verschachtelte jQuery-Aufruf... ich habe schon Beispiele gesehen, wo Sie haben :

 jQuery(function(){ //my code goes here });

Aber ich will es hängt von der ID ".LeadEditForm_Title".

  • So weit wie ich kann sagen, dass die Funktion scheint in Ordnung.
  • Hat deine ID wirklich Leerzeichen drin? HTML-spec sagt, dass die IDs nicht mit Leerzeichen. Normalerweise wählen Sie IDs mit #. I. e. $("#myID").
  • Warum mousedown und nicht click? auch ids sollen nicht leer-wie das geht, ich bezweifle es ' ll überprüfen. Könnten Sie data statt...
  • Was ich Suche zu tun ist... if(jQuery("someselectorid"), dann tun Sie etwas, was sonst...
InformationsquelleAutor htmlfarmer | 2012-03-17
  1. 23

    Verschachteln von Selektoren, die Sie verwenden find:

    jQuery('#mySelectorId').find('.mySelectorClass')

    Dies ist das gleiche wie tun dies auch:

    jQuery('#mySelectorId .mySelectorClass')

    Sicher zu sein, setzen Sie ein Leerzeichen zwischen. Ohne den Freiraum, den Sie auswählen, wird ein element mit dieser ID und Klasse.

    Ich würde auch beachten, dass der code wahrscheinlich nicht das tun, was Sie denken, es ist:

    jQuery("[id='A0.R0.Main Phone Number']").live('mousedown',function(e) {
    var container = $(this).width();
    var width_offset = -50;
    var top_offset = 25;
    var width = (container + width_offset).toString();
    jQuery(".mywidget").appendTo(document.body).css('width', width + 'px');
    jQuery(".mywidget").appendTo(document.body).css('position', 'absolute');
    jQuery(".mywidget").appendTo(document.body).css('top', ($(this).offset().top+top_offset).toString() + 'px');
    jQuery(".mywidget").appendTo(document.body).css('left', Math.round($(this).offset().left) + 'px');
});

    Den letzten 4 jQuery(".mywidget") Anrufe hinzufügen des widget, um den Körper jedes mal. Sie wirklich nur wollen, fügen Sie es einmal und ändern Sie die css für jeden style:

    jQuery("[id='A0.R0.Main Phone Number']").live('mousedown',function(e) {
    var container = $(this).width();
    var width_offset = -50;
    var top_offset = 25;
    var width = (container + width_offset).toString();
    jQuery(".mywidget").appendTo(document.body).css('width', width + 'px').css('position', 'absolute').css('top', ($(this).offset().top+top_offset).toString() + 'px').css('left', Math.round($(this).offset().left) + 'px');
});

    Kann auch reduziert werden, um ein css-Aufruf:

    jQuery("[id='A0.R0.Main Phone Number']").live('mousedown',function(e) {
    var container = $(this).width();
    var width_offset = -50;
    var top_offset = 25;
    var width = (container + width_offset).toString();
    jQuery(".mywidget").appendTo(document.body).css({
        width: width + 'px',
        position: 'absolute',
        top: ($(this).offset().top+top_offset).toString() + 'px',
        left: Math.round($(this).offset().left) + 'px';
    });
});

    Hinweis, außerhalb dieser, wird Ihre id soll nicht Räumen, entsprechend der HTML-Spezifikation. Und, wenn Sie eine gültige id, wählen Sie es wie folgt:

    jQuery("#A0.R0.Main_Phone_Number")
    • Wenn es trotzdem zu tun? if (jQuery("#A0.R0.Main_Phone_Number")) dann (machen meine anderen jQuery-Aufruf)...
    • Was meinst du mit "die anderen rufen"? Was versuchen Sie zu erreichen?
    • Es würde helfen, wenn du beschreiben, was dein html ist und was Sie wirklich wollen, zu geschehen.
    • Danke Jeff... sehr gute Vorschläge...
    InformationsquelleAutor Jeff B
  2. -8

    Wenn Sie wollen, um eine verschachtelte jQuery-Aufruf können Sie es tun, wie die folgenden...

    $(document).ready(function(){ 
  $(document).ready(function(){
     //javascript code here... 
  });
});
    • Das ist so eine unangemessene Antwort.
    • können Sie erklären, warum für die unwissenden wie mich
    InformationsquelleAutor htmlfarmer
Schreibe einen Kommentar