小编Bla*_*ger的帖子

Jquery使用重复的id或html查找并隐藏div

我有几个具有相同类的div,所以首先我想找到哪个具有重复的类名,然后我想要隐藏所有div除了第一个

<div class="jquery"> </div> 
 <div class="jquery"></div>
Run Code Online (Sandbox Code Playgroud)

需要帮助

谢谢

jquery find hide

3
推荐指数
1
解决办法
5390
查看次数

为什么$ .add()不按预期工作?尝试手动构建jQuery集合

我不明白为什么以下代码不起作用.(jQuery 1.6.4)

HTML:

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test me"></div>
<div class="test me"></div>
<div class="test me"></div>
Run Code Online (Sandbox Code Playgroud)

JS:

var rows = $([]);

console.debug('Divs we want: ', $('div:not(.me)').length);

console.debug('Rows before: ', rows.length);

$('div:not(.me)').each(function() {
    if (1==1) { // some conditional
        console.debug($(this));
        rows.add($(this));
    }
});

console.debug('Rows after: ', rows.length);
Run Code Online (Sandbox Code Playgroud)

jquery

2
推荐指数
2
解决办法
61
查看次数

从.html()集变量中删除类.jQuery的

<div>
    <input type="text" placeholder="#" class="error">
    <input type="text" placeholder="#" class="error">
</div>  

var copylast = $('div').html();
Run Code Online (Sandbox Code Playgroud)

我正在尝试复制DIV但是从copylast变量中删除了类错误(我需要将类保留在原始div中.)

我试过一个字符串替换var copylast = copylast.replace('class="error"', ''); 但它只删除了第一个实例,加上看起来很俗气.removeClass('error')如果可能的话,我更愿意使用.

jquery removeclass

2
推荐指数
1
解决办法
2003
查看次数

使用jquery在其中注入具有冒号的属性的标记

我正在尝试使用jquery在div中注入以下span.

HTML:
<span epub:type="pagebreak" id="pagePrefix" title="1"></span>

JS:
$('div').html('<span epub:type="pagebreak" id="pagePrefix" title="1"></span>');
Run Code Online (Sandbox Code Playgroud)

并收到以下错误, SyntaxError: DOM Exception 12

任何解决方法吗?

javascript xhtml jquery

2
推荐指数
1
解决办法
1341
查看次数

modernizr检查灰度过滤器IE 10

IE 10不支持DX过滤器(yeaaaay)我正在使用它$.browser来检测IE 10并实现svg解决方案.

然而,$.browser它已被弃用,将被删除或已被删除(Yeaaaay再次!!!!).那么,$.browser在这种情况下,modernizr的替代品是什么?

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
Run Code Online (Sandbox Code Playgroud)

我试过if (Modernizr.css_filters)但是没用

jquery filter modernizr

2
推荐指数
1
解决办法
3105
查看次数

使用jquery替换html字符串中的所有图像

我有一个html字符串,我想imgfigure标签替换我的所有标签.这是我的代码

$('img',$(html)).replaceWith(function(){
    var figure = '<figure><img src="'+$(this).src+'"><figcaption>'+$(this).attr('alt')+'</figcaption></figure>';
    return $(figure);
});
Run Code Online (Sandbox Code Playgroud)

此代码不起作用.我还希望在执行操作后返回生成的html字符串,但似乎replace只返回已替换的元素.那我该怎么做?

html jquery

2
推荐指数
1
解决办法
1078
查看次数

当我dblclick时,它运行.click两次

我有2个功能,当你点击一个项目,.点击和.dblclick的问题是,当你DBLCLICK,它运行的.点击功能的两倍.有没有办法来解决这个问题?

$(".item").click(function() {
    if (price[this.id] === 1) {
        consoleUpdate("This item is worth " +price[this.id]+ " coin");
    }
}

$("#fishItem").unbind("dblclick").bind("dblclick").dblclick(function() {
    coins = coins+1;
    coinUpdate();
    invFish1--;
    if (invFish1 === 0) {
        $("#fishItem").appendTo("#itemStage");
    }
});   
Run Code Online (Sandbox Code Playgroud)

javascript jquery

2
推荐指数
1
解决办法
1044
查看次数

来自连接表的SQL计数

我有一张桌子'lijsten',一张桌子'werknemerlijsten'和一张桌子'类别'.

现在我正在使用Query来获取计数

SELECT id, naam, beschrijving, count(wl.werknemer_id) as aantal
FROM lijsten l
LEFT JOIN werknemerlijsten wl
ON l.id = wl.lijst_id
GROUP BY l.naam
ORDER BY naam
Run Code Online (Sandbox Code Playgroud)

但是当我从另一个表中尝试使用另一个计数的相同查询时,结果是错误的.

SELECT l.id, l.naam, beschrijving, count(c.lijst_id) as aantal_cat, count(wl.lijst_id)    as aantal_lijst
FROM lijsten l
LEFT JOIN werknemerlijsten wl ON l.id = wl.lijst_id
LEFT JOIN categorieen c ON l.id = c.lijst_id
GROUP BY l.naam
ORDER BY naam
Run Code Online (Sandbox Code Playgroud)

知道我可能做错了什么吗?谢谢

mysql sql group-by count

2
推荐指数
1
解决办法
1万
查看次数

使用jquery选择和取消选中复选框

请参阅以下代码:

 $(document).ready(function() {
    
        $('.checkbox-group .parents-checkbox .panel-title input').click(function () {
        
            $(this).closest('.checkbox-group').find('input[type="checkbox"]').not(this).prop('checked', this.checked).closest('label');
        });
    
    });
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel panel-default item-box-roll checkbox-group">
        <div class="panel-heading parents-checkbox">
    		<h3 class="panel-title">
    			<input type="checkbox" name="rolls[]" id="selecctall" value="2" checked="">&nbsp;&nbsp;Items
    		</h3>
    	</div>
    	<div class="panel-body child-checkbox">
    	<input type="checkbox" class="checkbox1" name="rolls[]" value="20" checked="">&nbsp;&nbsp;Items management<br>
    	<input type="checkbox" class="checkbox1" name="rolls[]" value="21" checked="">&nbsp;&nbsp;Add item<br>
    	<input type="checkbox" class="checkbox1" name="rolls[]" value="22" checked="">&nbsp;&nbsp;Edit items<br>
     </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

当我点击第一个复选框时,选择子复选框div中的所有复选框.我想如果选中子复选框div中的每个复选框,则检查第一个复选框!我该如何更改代码?

html javascript checkbox jquery

2
推荐指数
1
解决办法
684
查看次数

Bootstrap v4 float-right不起作用.[替换为右拉]

基本上,我有最新版本的bootstrap Currently v4.0.0-beta.3,我无法使用官方文档正确对齐元素.我在网上搜索解决方案,但我一无所获.他们都是关于创建一个新课程right: 0;,但这不是重点.有人能告诉我我做错了什么,还是只是一个错误?

我还发现了一个令人伤心的帖子flex,但是他们没有解释为什么或如何解决它.

我甚至拿了他们的官方例子,从文档中,它不起作用.这是一个例子:

<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
Run Code Online (Sandbox Code Playgroud)

结果:

Float left on all viewport sizesFloat right on all viewport sizesDon't float on all viewport sizes

我把它们放在一个divrow类,什么都没有改变.

对于那些不知道的人,Bootstrap pull-right在最新版本中删除了类,并将其替换为float-right.

html css twitter-bootstrap bootstrap-4

2
推荐指数
1
解决办法
2061
查看次数