javascript - 查找 el 内的节点

Question

我在 Backbone 实例化了 View ，例如

var m=new StyleModel();
m.set({"test":"test"});
var a=new StyleView({"model":m,"el":$("#price")});

el 是像

的行

<tr id="price">
<td>
<button class=".bold"/>
<button class=".italic"/>
</td>
<td>....</td></tr>

如何找到粗体和斜体的节点？我需要将类切换到该节点。

Answer 1

首先，我认为您的 HTML 应该如下所示:

<button class="bold"/>
<button class="italic"/>

您不需要在 class 属性中使用 .，那是用于类选择器的。

在您的 View 中，您将拥有 this.$el :

A cached jQuery (or Zepto) object for the view's element.

和this.$ :

If jQuery or Zepto is included on the page, each view has a $ function that runs queries scoped within the view's element. [...] It's equivalent to running: view.$el.find(selector).

因此您可以执行以下任一操作:

this.$el.find('.bold')   // bold elements
this.$el.find('.italic') // italic elements

this.$('.bold')
this.$('.italic')

或者甚至:

$(this.el).find('.bold')
$(this.el).find('.italic')

旧版本的 Backbone 不会有 this.$el，但会有 this.$；除此之外，使用哪一个完全取决于个人喜好。