Javascript 如何在jQuery中单击和拾取div元素

好的，我想在配置文件列表中这样做，你可以点击配置文件，它将被另一种背景颜色高亮显示，比如说黄色。当你突出显示这个并按save时，我希望以某种方式选择突出显示的配置文件id并输出它们

因此，我的第一个问题是：

我怎样做才能让您通过单击/取消单击来拾取/取消拾取？它们将被突出显示。我如何制作一个选择器来抓取这些高亮显示的配置文件框

可能已经存在一个用于此或插件的函数

否则，我如何才能单击/取消单击以高亮显示/取消高亮显示，然后在警报中输出高亮显示的元素的id属性，该警报在您单击“显示您选择的内容”按钮时显示。您是否尝试过。toggleClass？ i、 e.创建一个css类突出显示并添加

 $("div").click(function () {
      $(this).toggleClass("highlight");
    });

嗯

伊沃·斯托伊科夫

PS:Look documentation

您是否尝试过。切换类？ i、 e.创建一个css类突出显示并添加

 $("div").click(function () {
      $(this).toggleClass("highlight");
    });

嗯

伊沃·斯托伊科夫

---

PS:Look documentation

您可以使用jQuery的单击功能来标记/取消标记div

 $("div.profile").click(function () {
     // if it's unmarked we mark
     if(!$(this).hasClass('selected'))
          $(this).addClass('selected');
     else
          $(this).removeClass('selected');
  }

然后，您可以使用每个来获取所有标记的div：

$("div.selected").each(function () {
    // do what you want
});

---

对于不显示为黑色的框，它来自高度属性后缺少的分号

您可以使用jQuery的单击功能来标记/取消标记div

 $("div.profile").click(function () {
     // if it's unmarked we mark
     if(!$(this).hasClass('selected'))
          $(this).addClass('selected');
     else
          $(this).removeClass('selected');
  }

然后，您可以使用每个来获取所有标记的div：

$("div.selected").each(function () {
    // do what you want
});

---

对于不显示为黑色的框，它来自高度属性后缺少的分号

使用类似以下内容：

$('div.profile').click(function(){
    $(this).toggleClass('selected');
});

然后使用div.profile.selected在css中设置所选配置文件的样式。然后，当您想要选择所有突出显示的div时，只需使用$'div.profile.selected'。如果您想知道选择了多少，只需使用$'div.profile.selected'.length。下面是一个例子：

---

使用类似以下内容：

$('div.profile').click(function(){
    $(this).toggleClass('selected');
});

然后使用div.profile.selected在css中设置所选配置文件的样式。然后，当您想要选择所有突出显示的div时，只需使用$'div.profile.selected'。如果您想知道选择了多少，只需使用$'div.profile.selected'.length。下面是一个例子：

首先，你需要给你的主管一个身份证，然后看看我的小提琴

$("div").click(function () {
   $(this).toggleClass("highlight");
});

$('#save-button').click(function(){

    $('#output').html('');                           // clear the output div

    // Loop through each selected div and output it's ID
    $('div.highlight').each(function(){
       $('#output').append('<div>' + $(this).attr('id') + '</div>')
    });
});

首先，你需要给你的主管一个身份证，然后看看我的小提琴

$("div").click(function () {
   $(this).toggleClass("highlight");
});

$('#save-button').click(function(){

    $('#output').html('');                           // clear the output div

    // Loop through each selected div and output it's ID
    $('div.highlight').each(function(){
       $('#output').append('<div>' + $(this).attr('id') + '</div>')
    });
});

---

css中几乎没有错误，请检查此项。配置文件{宽度：50px；高度：80px；背景色：黑色；边框：1px实心FFF；}在JSFIDLE上，css中缺少分号。我在这里做了一点更新：@itsmart-kobe谢谢！修正了问题中的url如果你在css中有一些错误，请检查这个。配置文件{宽度：50px；高度：80px；背景色：黑色；边框：1px实心FFF；}在你的JSFIDLE上，css中缺少一个分号。我在这里做了一点更新：@itsmart-kobe谢谢！问题中的固定url我不知道i100提到的toggleClass函数，你可以用它来代替我的第一个函数…如果我想按按钮输入[name=test]，当我按这个时，我想提醒有多少突出显示？这个类有我该怎么做？你可以使用$input[name=test].clickfunction{alert$.selected.length；}；我不知道i100提到的toggleClass函数，你可以用它来代替我的第一个函数……如果我想按按钮输入[name=test]，当我按下这个按钮时，我想提醒有多少被突出显示？这个类有我该怎么做？你可以使用$input[name=test].clickfunction{alert$.selected.length；}；谢谢你的回答！如何使用所有highlighteds id=属性值创建一个数组，而不是淡出？@Karem我更新了我的JSFIDLE，以便它现在输出一个包含所有选定div id的数组。谢谢你的回答！如何使用所有highlighteds id=属性值创建一个数组，而不是淡出？@Karem我更新了我的JSFiddle，以便它现在输出所有选定div的id数组。$div.your_classname.length将返回class=your_classname$div的div数。your_classname.length将返回class=your_classname的div数