小编jrm*_*jrm的帖子

仅限Javascript - 对一堆DIV进行排序

可能重复:
对DOM节点进行排序的最简单方法?

我有一个DIV列表,像这样:

<div id="list">
    <div id="categorie5.1-4">4</div>
    <div id="categorie5.1-3">3</div>
    <div id="categorie5.1-5">5</div>
    <div id="categorie5.1-1">1</div>
    <div id="categorie5.1-2">2</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想对它们进行排序,只使用Javascript(没有Jquery)得到这样的结果:

1
2
3
4
5
Run Code Online (Sandbox Code Playgroud)

如果需要,我可以使用DIV id的端:"categorie5.1- 4 "(服务器侧I可以定义DIV ID来嵌入期望的顺序)

非常感谢您的帮助!


这是完整的代码:

<html>
<head>
<script type="text/javascript">
function sortdiv() {
var container = document.getElementById("list");
var elements = container.childNodes;
var sortMe = [];
for (var i=0; i<elements.length; i++) {
    if (!elements[i].id) {
        continue;
    }
    var sortPart = elements[i].id.split("-");
    if (sortPart.length > 1) {
        sortMe.push([ 1 * sortPart[1] , elements[i] ]);
    }
}
sortMe.sort(function(x, y) { …
Run Code Online (Sandbox Code Playgroud)

javascript

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

SQL更新WHERE xx和最近的记录

我需要做一些看似非常简单的事情:

$bdd->query('UPDATE mytable SET aaa = \''.$aaa.'\', bbb = \''.$bbb.'\' WHERE name = \''.$name.'\'');
Run Code Online (Sandbox Code Playgroud)

我的问题:我有多个匹配此"WHERE"的记录,我想只更新最新的记录(我有一个日期和一个id,可用于定义哪个记录是最新的)

如何更改我的WHERE以添加" AND id = the_highest_id_of_this_query "之类的内容?

mysql sql

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

PDO没有插入 - 没有错误

我不明白为什么这些行不起作用:

  $host = 'localhost';
  $dbname='mydbname';
  $login='mylogin';
  $pwd='mypwd';
  $datex = date('Y/m/d H:i:s');
  $nomx = 'jrmy';
  $numx = '007';
  try {
    $bdd = new PDO('mysql:host='.$host.';dbname='.$dbname, $login, $pwd);
  }
  catch(Exception $e) {
    die('Erreur : '.$e->getMessage());
  }
  $bdd->exec('INSERT INTO dossiers(date, nom, numero, disp) VALUES(\''.$datex.'\', \''.$nomx.'\', \''.$numx.'\', \'Y\')');
  $id = $bdd->lastInsertId();
  $bdd= null;
  echo 'id: '.$id;
Run Code Online (Sandbox Code Playgroud)

披露:该脚本在我的apache服务器上工作,因为我在IIS服务器上安装了我的脚本,它停止工作...

并且查询功能完美运行...查询确定,插入NO

编辑:谢谢大家!真!

php mysql database pdo

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

通过经典<a>链接更改svg中<image>的xlink:href

我的网页上有一个svg(我使用的是php):

<svg width="500px" height="500px" xml:lang="fr"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<image width="500" height="500" xlink:href="img1.jpg" opacity="0.35" />
</svg>
Run Code Online (Sandbox Code Playgroud)

我希望能够xlink:href在点击链接时更改变量(并且无需重新加载网页),例如:

<a href=#" onclick="changexlinkhref(img2.jpg)">change with img2</a>
Run Code Online (Sandbox Code Playgroud)

但我不知道js函数的代码是什么changexlinkhref(img){}(现在我不在我的项目中使用jquery)

谢谢!

javascript php jquery svg dom

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

jquery - 隐藏除一个类之外的所有div

这是我的代码:

  <div id="principal" class="classxx">
    <div class="class001 cat2 blabla">
      <div class="class002">
        <div class="class003"></div>
        <div class="class004"></div>
        <div class="class005"></div>
      </div>
    </div>
    <div class="class001 cat3 blabla">
      <div class="class002">
        <div class="class003"></div>
        <div class="class004"></div>
        <div class="class005"></div>
      </div>
    </div>
    <div class="class001 cat1 blabla">
      <div class="class002">
        <div class="class003"></div>
        <div class="class004"></div>
        <div class="class005"></div>
      </div>
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

我需要一个像以下的功能:

function showOnlyCat(className){}
Run Code Online (Sandbox Code Playgroud)

如果我打电话,showOnlyCat('cat3')我想只看到所有拥有'cat3'类的DIV(每个DIV有多个类)及其子级当然

我还需要一个showAllCat()显示所有cat1,cat2,cat3 ...... DIV的东西

非常感谢您的帮助

jquery

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

jQuery - 按className排序DIV

我有一个DIV列表,像这样:

<div id="list">
    <div class="cat1-4.2"><div>4</div></div>
    <div class="cat3-3.3"><div>3</div></div>
    <div class="cat2-5.1"><div>5</div></div>
    <div class="cat3-1.5"><div>1</div></div>
    <div class="cat3-2.4"><div>2</div></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想用jQuery对它们进行排序

在服务器端,我可以定义所需的订单,并在类名中包含此订单:

catX- 4.2

我想能够调用第一个订单(在我的例子中,这个DIV将在第4个位置),或者第二个订单(它将在第2个位置):这解释了"4.2"

所以,如果我打电话,OrderDIV(1)我会有这个:

1
2
3
4
5
Run Code Online (Sandbox Code Playgroud)

如果我打电话,OrderDIV(2)我会这样:

5
4
3
2
1
Run Code Online (Sandbox Code Playgroud)

(我需要添加更多订单,例如:catX-4.2.5.6.2)

非常感谢您的帮助!

jquery

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

DIVs边界(比TABLE边界更少的可能性?!)

一个小问题
我有2个DIV,并排(浮动):

AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA
AAAAAAAAAAA
Run Code Online (Sandbox Code Playgroud)

我想要2个DIV之间的1pix实线边框,我希望这个边框具有最长DIV的高度(在我之前的例子中,A的高度,在另一个例子中,B的高度)

AAAAAAAAAAA BBBBBBBBBBB
AAAAAAAAAAA BBBBBBBBBBB
            BBBBBBBBBBB
            BBBBBBBBBBB
Run Code Online (Sandbox Code Playgroud)

我知道如何用一个简单的方法做到这一点,<table>但我不知道如何用DIV做到这一点
我试图为A设置一个边框,为B设置边框左边,但是我有一个2px边框...

谢谢您的帮助!

html css xhtml

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

标签 统计

jquery ×3

javascript ×2

mysql ×2

php ×2

css ×1

database ×1

dom ×1

html ×1

pdo ×1

sql ×1

svg ×1

xhtml ×1