Question

我的jQuery有点问题，我需要在'variable-scope'元素中选择一个类..我不知道如何用简单的术语描述..但这是我的情况

我得到了这个结构元素：

<div class="alpha">
  <div class="bravo">
          Testing
  </div>
</div>

我将变量用于'范围'：

var theData=jQuery(".alpha");

我的问题是如何在数据变量中选择“bravo”类？

由于

Answer 1

.find()将从子元素

返回

theData.find('.bravo')

var theData=jQuery(".alpha");
var bravo = theData.find('.bravo');
console.log( bravo.text() );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class="alpha">
  <div class="bravo">
          Testing
  </div>
</div>

Answer 2

你可以这样做：

var theData = jQuery(".alpha");
var bravo = theData.find(".bravo");

Answer 3

试试这个：

var theData = jQuery(".alpha").find(".bravo");

Answer 4

尝试使用children()功能

var theData=jQuery(".alpha");
var bravo=theData.children('.bravo')

    console.log(bravo.text())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="alpha">
  <div class="bravo">
          Testing
  </div>
</div>

var theData=jQuery(".alpha");
var bravo=theData.children('.bravo')

Answer 5

您可以将jQuery()与".bravo"选择器作为第一个参数theData作为第二个参数来设置context jQuery()来电theData jQuery对象

＆＃13;

var theData = jQuery(".alpha");
var bravo = jQuery(".bravo", theData);
bravo.css("color", "green");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<div class="alpha">
  <div class="bravo">
    Testing
  </div>
</div>

＆＃13;

在Selector中选择DOM

5 个答案: