标签: jquery-selectors

我正在使用cakephp 1.3 和fancybox ..我已经设法在fancybox 中放置了一个表单。现在我想将光标聚焦到输入字段之一。我已经厌倦了尝试很多事情。我的代码如下

<script type="text/javascript">
jQuery(document).ready( function() {
//document.getElementById('frmname.answer').focus(); 
jQuery("a#answer").fancybox({
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'    :  600, 
        'speedOut'   :  200, 
        'overlayShow'   :   false,
        'href'  : this.href,
});

}); /* */
</script>

我试过以下事情

'onComplete' : function() {
               $('#fancybox-frame').contents().find('#answer').focus();
            },

和

$('#answer').focus();

在我的脚本中。但没有好的结果>任何人都可以指出我对我的代码所做的错误。提前致谢。

我的fancybox内容是这样的：

<div style='display:none'>
    <div id='reply'>

        <h1>Reply For <?php echo $offer['OfferBoard']['headline'] ?></h1>


        <ul class="nrml_list" > 

                <?php echo $this->Form->create('OfferAnswer',array('id'=>'frm','name'=>'frmname'), array('action' => 'reply/'.$offer['OfferBoard']['id'],'inputDefaults'=> array('label'=>false))); ?>


                <li> 
                    <div class='ulabel' style="float:right;" >Reply Text</div>
                    <div>
                        <div class="left"><?php echo $form->textarea('answer',array('class'=>'tarea1','label'=>FALSE,'id'=>'answer')); ?></div>
                        <div …

<div id="slide2" class="slide" style="z-index:2;">
    <div style="display:none; z-index:1;position:absolute; bottom:10px;right:10px;padding:20px; background:#fff;border:solid 1px black;border-radius:15px;box-shadow: 4px 4px 3px #888888;" class="rss_qrcode"></div>
</div>

这有效：

$('.rss_qrcode').css('display', 'block');

这不起作用：

$('#slide2.rss_qrcode').css('display', 'block');

我需要能够仅使用 #slide2 div 中的 rss_qrcode 类来操作 div...

我也尝试过

$('#slide2')find('.rss_qrcode').css('display', 'block');

也没用=(

我正在使用 jquery 和 jquery 多选扩展。

对于我的 html 语法：

<select multiple="multiple"  id="test">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>

然后我通过以下方式获取多选的值：

  $(function() {

        $('#test').change(function() {
            console.log($(this).val());
        }).multipleSelect({
            width: '100%'
        });
    });

这100%有效。

我的问题是当 ID 中有空格时如何使其工作。我知道 ID 或名称中包含空格并不理想，但目前就是这样，我需要从带有空格的 ID 中获取多个选择选项。所以例子：

<select multiple="multiple"  id="test two">
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    </select>

$(function() {

            $('#test two').change(function() {
                console.log($(this).val());
            }).multipleSelect({
                width: '100%'
            });
        });

由于其中有空间，这会失败。

我尝试了如下几个选项，但没有成功。

任何建议总是很感激。

$(function() {

$("#test two").change(function() {
                    console.log($(this).val());
                }).multipleSelect({
                    width: '100%'
                });
            });

假设我有这个无序列表：

<ul>
   <li class="item"></li>
   <li class="item"></li>
   <li class="item"></li>
   <li class="placeholder"></li>
</ul>

我正在做一些.item可以排序的排序，如果它是列表中的最后一个 .item，它将被移动到其他列表。我会经常使用，:last-child但是如果那里有一个.placeholder元素，它不会像它应该的那样识别最后一个项目，而是认为由于占位符，该项目不是最后一个。我怎么能让它只选择最后一个.item？

如何获取元素的名称或id到jquery

我正在使用jQuery.

点击搜索按钮用于检查radiobutton是否未选中它将显示alert("enter the field")否则执行任务...我也使用了event.preventDefault();

实际上我在使用radiobutton,其中我使用了包含两个选项男性和女性的性别标签.现在问题是当我检查男性单选按钮或女性.它仍然显示进入该领域.我认为这一部分肯定有问题if($('#gender').is(":not(:checked)"))

这是我的代码:

$('#searchbutton').click(function(event){

    alert("ZZ");

    var flag3=0;
    if ($('#gender').is(":not(:checked)"))
    {
        flag3=1;
    }
    if( flag3==1)
       alert("Select the field first");
    event.preventDefault();

});

<input type="radio" name="gender" id="gender" value="male" /> Male<br />
<input type="radio" name="gender" id="gender" value="female" /> Female
<input type="submit"  name="searchbutton" value="Search" id="searchbutton">

我试图遍历SHOWN div的几个UL的列表项.

例如,在下面的代码片段中,我想编写一个通用的jQuery函数,它将检测显示的div并遍历列表项g,h,i,j,k,l,m,n和o

这样做最有效的方法是什么？提前致谢!

例:

<style>
#zlt-1 {display:none;}
</style>

    <div id="zlt-1" >
    <ul class="jgrid12 first layoutFrame">
        <li>example a</li>
        <li>example b</li>
        <li>example c</li>
    </ul>
    <ul class="jgrid12 first layoutFrame">
        <li>example d</li>
        <li>example e</li>
        <li>example f</li>
    </ul>
</div>
<div id="zlt-2" >
    <ul class="jgrid12 first layoutFrame">
        <li>example g</li>
        <li>example h</li>
        <li>example i</li>
    </ul>
    <ul class="jgrid4 first layoutFrame">
        <li>example j</li>
        <li>example k</li>
        <li>example l</li>
    </ul>
    <ul class="jgrid8 layoutFrame">
        <li>example m</li>
        <li>example n</li>
        <li>example o</li>
    </ul>
</div>

有什么区别

$data.find('select:selected');

和

$data.find('select').find(':selected');

？

假设$data = $('#data') ;

  <div id="data">
    <div>
    <select multiple>
    <option value="foo">foo</option>
    </select>
    </div>
    </div>

以下不同的jQuery选择方式有什么区别.对我来说,他们似乎是以相同的绩效成本做同样事情的不同方式:

$("#list li").hover(function () {
                $(this).addClass("red");
}, function (){
        $(this).removeClass("red");
});

使用大于符号:

$("#list > li").hover(function () {
                $(this).addClass("red");
}, function (){
        $(this).removeClass("red");
});

立即添加上下文:

$("li", $("#list")).hover(function () {
                $(this).addClass("red");
}, function (){
        $(this).removeClass("red");
});

当我尝试.html()在JQuery中使用方法插入空间时,我遇到了问题.以下是我的代码:

html += '<td >'+description+". "+location;
html += +" "+position;
html += +" &nbsp; "+side+'</td>'; 
$('#tempResult').html(html);

我得到的结果如下: Green Tint. 0FrontNaNRight