小编Sid*_*how的帖子

JQuery从列表中获取所有数据属性

我有一个长动态生成的列表,每个列表具有相同的类标识符和类似于下面的代码的数据属性:

<ul>
    <li class="list" data-id="123">One</li>
    <li class="list" data-id="124">Two</li>
    <li class="list" data-id="125">Three</li>
    <li class="list" data-id="126">Four</li>
    .....etc
</ul>
Run Code Online (Sandbox Code Playgroud)

我想要实现的是获取所有data-id值并将其格式化如下:

123|124|125|126....etc
Run Code Online (Sandbox Code Playgroud)

然后,这将通过ajax传递给页面,并检查id是否存在于数据库中.

var delimited_data="";
$('.list').each(function(){
    delimited_data+=$(this).data('id')+"|";
});
console.log(delimited_data);
Run Code Online (Sandbox Code Playgroud)

我问这个问题的原因是我正在开发一个实时系统,它可以在10分钟后自动将列表列中的项目部署到不同的用户.我只需要确保代码正确的方式:)

我还需要检查.list页面上是否没有类(即 - 无法进行查询)是否delimited_data完全为空,我很确定它会是.

有没有比.each()在这种情况下使用更好的方法,因为我发现它可能相当缓慢,因为上述功能将每30秒运行一次.

javascript jquery jquery-selectors

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

动态内嵌响应式 CSS 样式

我目前正在开发一个基于 WordPress CMS 的高度设计导向的网站。

目前,我有一个响应式主样式表,从外部链接到核心 CSS。由于网站严重依赖文本和图像的间距和对齐方式,因此有必要使用style=HTML 添加内联 css,有时会覆盖外部 CSS。

我遇到的问题是,在大多数情况下,某些元素(例如边距)在移动视图中需要与桌面视图中的百分比不同,以平衡视觉构成。有什么方法可以responsiveness像在外部样式表中那样根据屏幕宽度添加到内联 CSS 中吗?

到目前为止,我能想到实现这一目标的唯一方法是通过 jQuery 根据用户屏幕宽度修改外部 CSS,但这意味着在 JS 中设置严格的规则,例如:桌面视图的边距设置为 70%,移动设备设置他们达到90%。

如果可以使用 html 样式内联执行此操作,那么这将为我的客户提供更严格的控制和更大的灵活性。幸运的是,我的客户精通 CSS。

css wordpress inline responsive-design

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

带有完整查询字符串的Javascript document.referrer

我试图通过javascript获取完整的引用网址到页面.

到目前为止,我来的壁橱是

var lastUrl = document.referrer;
Run Code Online (Sandbox Code Playgroud)

这不包括附加到网址的查询.

var lastUrl = document.URL;
Run Code Online (Sandbox Code Playgroud)

返回当前URL,查询字符串完整.

无论如何都有轻松获取引用URL以及引用查询.

javascript url referrer

5
推荐指数
1
解决办法
5656
查看次数

MYSQL按时间am/pm排序

我在表中有一行,以am/pm格式保存时间,例如

timeField
---------
9.00am
10.00pm
7.00am 
etc...
Run Code Online (Sandbox Code Playgroud)

在mysql中有没有办法订购这些值?

mysql time sql-order-by

4
推荐指数
1
解决办法
5829
查看次数

CSS背景颜色和文本随jquery/javascript改变

单击一个链接时,有一段代码无法更改背景颜色和文本颜色.....

<div id="main_nav">
    <ul class="navigation">
        <li class="tab1"><a href="javascript:void(0);">My Account</a></li>
        <li class="tab1"><a href="javascript:void(0);">Available Times</a></li>
        <li class="tab1"><a href="javascript:void(0);">Completed Jobs</a></li>
        <li class="tab1"><a href="javascript:void(0);">New Jobs [<span class="menu_count2"></span>]</a></li>
        <li class="tab1"><a href="javascript:void(0);">Todays Jobs [<span class="menu_count"></span>]</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

这是jquery ....

$(document).on('click', '.tab1', function(){
    $('.tab1').css({'background-color' : '#5B1762'});
    $('.tab1 a').css({'color' : '#fff'});
    $(this, '.tab1').css({'background-color': '#ccc'});
    $(this, '.tab1 a').css({'color': 'red'});
});
Run Code Online (Sandbox Code Playgroud)

这会更改背景颜色,但文本仍然是白色,如css文件中所示.

css jquery

4
推荐指数
1
解决办法
9277
查看次数

JQuery查找数据属性值onclick

我试图在用户点击缩略图图像时检索包含图像URL的数据值.HTML如下:

<div class="port_image_holder">
<a class="port_enlarge" href="javascript:void(0)">
    <img class="lazy" src="html_includes/include_images/image_loading.jpg"
        data-original="html_includes/include_images/test-image.png"
        data-large="html_includes/include_images/test-image-large.png"
        alt="Caption Goes Here.." />
    <noscript>
        <img src="html_includes/include_images/test-image.png"
             data-large="html_includes/include_images/test-image-large.png"
             alt="" />
   </noscript>
</a>
</div>
Run Code Online (Sandbox Code Playgroud)

基本上当用户点击图像时,我需要获取data-large属性中设置的URL .

目前我可以从src使用find()方法获取url :

var img_url=$(this).find('img').attr('src');
Run Code Online (Sandbox Code Playgroud)

但到目前为止,没有运气获得数据参考.请注意,port_image_holder页面上有许多类,因为它们根据需要进行了循环.

javascript jquery attributes jquery-selectors

4
推荐指数
1
解决办法
9345
查看次数

在选择下拉列表中显示项目

我有一个简单的html下拉框

<select class="dr_down">
<option>item1</option>
<option>item2</option>
<option>item3 etc...</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我需要做的是在编辑表单时显示所选项目而不是默认返回到列表顶部.

html javascript php select

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

从php周数获取上周数

我目前需要从传递 php 周数的变量中获取前一周,所以如果是第 13 周,我将得到第 12 周。

我面临的问题是,如果我在第 1 周从原始数字减去 1,它将返回第 0 周,除非我创建一个 if 语句,即:

if($week==1)
{
    $prev_week=52;
    $prev_year=$year-1;
}
Run Code Online (Sandbox Code Playgroud)

这是假设php从1而不是0开始计算周数。这看起来有点笨拙,我认为可能有更好的方法来利用PHP的许多日期和时间函数来做到这一点。

php time date

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

jQuery删除div onclick

当我删除某些东西时,我似乎无法让我的jQuery正确删除div

代码是:

<div class="amend_order" data-item_key="1367264719mz7">
    <p>Home Made Ice Cream</p>
    <p class="small_text">Pistachio</p>
    <p>
        <a class="edit_item ui-link" href="javascript:void(0);">Edit</a>
        ----
        <a class="deleter ui-link" href="javascript:void(0);">Delete</a>
    </p>
</div>
Run Code Online (Sandbox Code Playgroud)

我试过用

$(this).closest('div').remove();
Run Code Online (Sandbox Code Playgroud)

不幸的是,这不起作用.

基本上有几个列表,divs我只是希望它们在点击时消失.

javascript jquery

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

MySQL SELECT两个值之间的行

我需要根据当前日期从过去12个月的mysql数据库中选择数据.我将日期保存在数据库中作为unix时间戳,但我的查询似乎不起作用.

$query="SELECT user_id, COUNT(first_name) AS member_count
FROM main_user
WHERE renew_date<'$time' AND renew_date>'$old_time' WHERE renew_date!=''";
Run Code Online (Sandbox Code Playgroud)

基本上我需要计算first_name的所有实例,其中有一个renew_date时间戳.

php mysql

0
推荐指数
1
解决办法
9214
查看次数