主页 / 问题 / 1133477
Accepted
midnightelf18
Asked:2020-05-30 03:59:42 +0000 UTC2020-05-30 03:59:42 +0000 UTC

如何使用jQuery从给定的html中获取元素？

  • 772

$(".modal-window").on("click", (e) => {
  let $html = $(e.target).parent()[0];
  console.log($html);
});
.modal-window {
  background: gray;
  padding: 12px;
  width: 128px;
  border-radius: 12px;
  margin: 6px;
  display: inline-block;
}
.modal-title {
  color: #fff;
}
.apply-button {
  background-color: #fff;
  padding: 4px;
  text-align: center;
  margin: 4px auto;
  cursor: pointer;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="modal-window">
    <div class="modal-title">
        <div class="modal-title">Текст который нужно достать 1</div>
        <div class="modal-close hadjj-combined_close"></div>
    </div>
    <div class="modal-content">
        <div class="md-content">
            <div class="md-title">Программа включает:</div>
            <div class="md-cond">
            ... Какой-то HTML
            </div>
        </div>
    </div>
    <div class="apply-button">Достать текст</div>
</div>
<div class="modal-window">
    <div class="modal-title">
        <div class="modal-title">Текст который нужно достать 2</div>
        <div class="modal-close hadjj-combined_close"></div>
    </div>
    <div class="modal-content">
        <div class="md-content">
            <div class="md-title">Программа включает:</div>
            <div class="md-cond">
            ... Какой-то HTML
            </div>
        </div>
    </div>
    <div class="apply-button">Достать текст</div>
</div>
<div class="modal-window">
    <div class="modal-title">
        <div class="modal-title">Текст который нужно достать 3</div>
        <div class="modal-close hadjj-combined_close"></div>
    </div>
    <div class="modal-content">
        <div class="md-content">
            <div class="md-title">Программа включает:</div>
            <div class="md-cond">
            ... Какой-то HTML
            </div>
        </div>
    </div>
    <div class="apply-button">Достать текст</div>
</div>

单击特定按钮的输出如下：

<div class="modal-window">
    <div class="modal-title">
        <div class="modal-title">Текст который нужно достать 2</div>
        <div class="modal-close hadjj-combined_close"></div>
    </div>
    <div class="modal-content">
        <div class="md-content">
            <div class="md-title">Программа включает:</div>
            <div class="md-cond">
            ... Какой-то HTML
            </div>
        </div>
    </div>
    <div class="apply-button">Достать текст</div>
</div>

所以在控制台中（点击第二个块时）
在此处输入图像描述

如何从那里获得带有文本“Text to get $”的元素？

javascript

2 个回答

  1. $('.modal-window').click(({currentTarget})=>{
    // let txt = $(currentTarget).find('.modal-title:first > .modal-title:first').text();
    let txt = $(currentTarget).find('.modal-title:first').children('.modal-title:first').text();
    console.log(txt);
});

    ps:first以便 jq 不会进一步搜索，而是采用第一个

    ps .first()|| eq(0)取第一个找到的

    • 1
  2. Best Answer
    $(".modal-window").on("click", function(e) {
  let text = $(this).find(".modal-title .modal-title").text();
  console.log(text);
});
    • 0

相关问题