Jquery 在另一个div中标识特定的类元素

我在一个页面上有一系列照片，下面有一些文本信息和一些按钮：

<div class="photowrapper">
 <div class="photowrapperphoto">
  <div class="photocontainer">image</div>
  </div>
 <div class="textwrapperphoto">
  <div class="textleftwrapperphoto">
   <div class="phototitle">photo_0001</div>
   <div class="photoprice">&pound;3.00</div>
   <div class="photosize">6 by 4 inch</div>
 </div>
 <div class="textrightwrapperphoto">
  <div class="photoaddbutton">Add</div>
  <div class="photoremovebutton">Delete</div>
 </div>
</div>

有什么想法吗

$(document).ready(function() {
   $('.photoaddbutton').click(function() {
      $(this).closest('.photowrapper').find('.photowrapperphoto').prop('class', 'photowrapperphotoselected');
   });
});

但我建议添加和删除一个类，而不是将一个类替换为另一个类。第一个类标记元素的泛型角色，第二个类标记元素存在时的附加角色

---

但我建议添加和删除一个类，而不是将一个类替换为另一个类。第一个类标记元素的一般角色，第二个类标记元素存在时的附加角色。

我建议您让

photowrapperphoto

项保留其

photowrapperphoto

类，并添加一个选中的附加类

修改正确的

photowrapperphoto

的javascript可以是：

$(document).ready(function() {
    $('.photoaddbutton').click(function() {
        $(this)
            .closest('.photowrapper')   // go up in the DOM until .photowrapper
            .children('.photowrapperphoto') // go down one level to .photowrapperphoto 
            .addClass('selected');
    });
});

要为选定的

photowrapperphoto

指定特殊样式，可以在CSS中使用如下规则：

.photowrapperphoto.selected
{
    background-color: red;
}

---

我建议您让

photowrapperphoto

项目保留它们的

photowrapperphoto

类，并添加一个额外的类

选中

，而不是更改类

修改正确的

photowrapperphoto

的javascript可以是：

$(document).ready(function() {
    $('.photoaddbutton').click(function() {
        $(this)
            .closest('.photowrapper')   // go up in the DOM until .photowrapper
            .children('.photowrapperphoto') // go down one level to .photowrapperphoto 
            .addClass('selected');
    });
});

要为选定的

photowrapperphoto

指定特殊样式，可以在CSS中使用如下规则：

.photowrapperphoto.selected
{
    background-color: red;
}

---

我建议你熟悉jQuery的绝妙之处。我建议你熟悉jQuery的绝妙之处。+1我的回答和你的差不多，但我认为你说得更好。不过我确实花了一些时间在一个不错的地方。请随意添加到您的答案中。非常感谢！我对jquery相当陌生，所以在DOM中导航时遇到了困难-非常感谢+1我的答案与你的答案几乎相同，但我认为你说得更好。不过我确实花了一些时间在一个不错的地方。请随意添加到您的答案中。非常感谢！我对jquery相当陌生，所以在DOM中导航时遇到了困难-非常感谢