Question

我想更改div中的文本。我的问题是，这个Div（它是我无法更改源代码的脚本的输出）没有id或唯一的类。

现在我不知道我怎么能用jquery的文本“Move Section”div选择div。

<div class="md-modal md-draggable md-show ui-draggable" id="md-editsection" style="max-width: 350px; z-index: 10002; top: 17.5px; left: 616.5px;">

    <div class="md-content">
       <div class="md-body" style="padding:0 30px 30px">
          <div class="md-modal-handle ui-draggable-handle" style="padding: 30px 30px 0px; cursor: move;">
             <div class="md-title" style="margin:0 0 12px;">Text</div>
          </div>
    <div class="clearfix">
    <div class="is-boxes">
       <div class="is-box-12">
       <div style="text-align:center;font-size:16px">Move Section</div>
       </div>
    </div>...

我怎么能这样做？

Answer 1

试试这个

$('.md-modal .is-boxes:nth-child(2)')

Answer 2

您可以使用属性等于选择器来匹配元素的style属性值，因为应该匹配的元素的style属性值在问题的html中是唯一的。< / p>

＆＃13;

document.querySelector("div[style='text-align:center;font-size:16px']")
.textContent = 123;

＆＃13;

<div class="md-modal md-draggable md-show ui-draggable" id="md-editsection" style="max-width: 350px; z-index: 10002; top: 17.5px; left: 616.5px;">

  <div class="md-content">
    <div class="md-body" style="padding:0 30px 30px">
      <div class="md-modal-handle ui-draggable-handle" style="padding: 30px 30px 0px; cursor: move;">
        <div class="md-title" style="margin:0 0 12px;">Text</div>
      </div>
      <div class="clearfix">
        <div class="is-boxes">
          <div class="is-box-12">
            <div style="text-align:center;font-size:16px">Move Section</div>
          </div>
        </div>...

＆＃13;

Answer 3

您可以使用contains选择器在div中找到包含。

$('div:contains("Move Section")').text("new text").css('background-color', 'red'); // Do what you want to do with div.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="md-body" style="padding:0 30px 30px">
  <div class="md-modal-handle ui-draggable-handle" style="padding: 30px 30px 0px; cursor: move;">
    <div class="md-title" style="margin:0 0 12px;">Text</div>
  </div>
</div>

<div class="is-boxes">
  <div class="is-box-12">
    <div style="text-align:center;font-size:16px">Move Section</div>
  </div>
</div>

在没有id和唯一类的某些div上选择元素

3 个答案: