Question

我正在尝试选择leftcolumn1。正确的方法是什么？

<div class="leftcolumn">
  <div class="card">

    <div class="fakeimg" style="height:200px;">
      <div class="leftcolumn1">
        <div class="card">
          <img src="rField.jpg" />
        </div>
      </div>
      <div class="rightcolumn1">
        <div class="card">
          <img src="rField.jpg" />
        </div>
      </div>

      <!--<img src="rField.jpg" />-->
    </div>
    <p>Some text..</p>
    <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
  </div>
</div>

Answer 1

要在另一个中选择一个，您可以使用child combinator（如果是直子）或descendant combinator （如果嵌套得更深）。

// Child combinator (a `>`)
$("selectorForParentElement > selectorForChildElement")

// Descendant combinator (a space)
$("selectorForParentElement selectorForChildElement")

Answer 2

如果您想直接选择此'.leftcolumn1'类。

您可以选择这样。 $('.child')

如果您要选择其他班级内的此类，

然后$('.parent .child')

如果您想选择一个直子。

$('.parent > .child')

Answer 3

您可以尝试使用jQuery的html（）。并在其中获取元素

$（'。leftcolumn1'）。html（）

Answer 4

在jQuery中有一种不错的方法，您可以指定应在其外观上显示的“容器”，如下所示：

$("#selector", "#container");

在您的情况下，将是这样的：

$(".leftcolumn1", ".fakeimg");

如何使用jQuery在标签内选择标签？

4 个答案: