反正有没有嵌套的jQuery选择器.
例如：
如果该页面上还有一个ID =“LeadEditForm_Title”,那么请执行以下操作…
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');
});
题：
我怎么做一个if jQuery(“.LeadEditForm_Title”)然后做上面的???基本上是一个嵌套的jQuery调用…我见过他们有的例子：
jQuery(function(){ // my code goes here });
但我希望它依赖于ID“.LeadEditForm_Title”.
解决方法
要嵌套选择器,请使用find：
jQuery('#mySelectorId').find('.mySelectorClass')
这与执行此操作相同：
jQuery('#mySelectorId .mySelectorClass')
一定要在两者之间留一个空间.没有空间,您将选择具有该ID和该类的元素.
我还会注意到你的代码可能没有按照你的想法做到：
jQuery("[id='A0.R0.Main Phone Number']").live('mousedown',Math.round($(this).offset().left) + 'px');
});
最后4个jQuery(“.mywidget”)调用每次都将小部件添加到正文中.您真的只想添加一次并更改每种样式的css：
jQuery("[id='A0.R0.Main Phone Number']").live('mousedown',width + 'px').css('position','absolute').css('top',($(this).offset().top+top_offset).toString() + 'px').css('left',Math.round($(this).offset().left) + 'px');
});
哪个也可以减少到一个css调用：
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';
});
});
注意,根据HTML规范,除此之外,你的id不应该有空格.并且,如果您有一个有效的ID,您可以选择它：
jQuery("#A0.R0.Main_Phone_Number")
